IOS開發－表單控件的應用

本文轉載自查看原文 2016-04-07 15:05 2038 ios

1. 需求描述

2. 開發環境介紹

3. 創建一個工程

4. 工程配置介紹

5. 目錄結構介紹

6. 界面設置

7. 關聯輸入輸出

8. 關聯事件代碼

9. 運行結果

10. UITextField Class

一、需求描述

在游戲開始之前，我們都需要填寫我們的角色名，來實現對話。要求用戶輸入角色名，點擊確認后，在下方展示“親愛的xx，我們即將踏上一段神奇的探險之旅！”

二、開發環境介紹

OS X EI Captian：10.11.4

Xcode： 7.3

ios：9.3

機型：iphone 6s／iphone 6s plus

三、創建一個工程

Xcode 英文版：

1.“Create a new Xcode project”（創建一個新的工程）

2.“Choose a template for your new project”（創建一個什么樣的工程），我們選擇 iOS > Application > Single View Application

3. “Choose options for your new project”（配置你的工程選項），

Bundle Identifier(相當於包名的概念)，

Language : Objective-C , 

Devices: iPhone , 

Use Core Data: No, 

include Unit Tests:  YES,

include UI Tests: YES

4.保存工程目錄，工程創建完畢

四、Project Settings 工程配置介紹

File > Project Settings，配置iOS的版本為：9.3

TARGETS配置

General ：通用

Capabilities：系統功能授權配置

Resource Tags：資源標簽

Info：信息

Build Settings：編譯配置

Build Phases：編譯的依賴配置

Build Rules ：編譯規則

本次應用使用默認配置

五、目錄結構介紹

“Show the Project navigator ”（查看工程目錄）

AppDelegate ： 應用事件委托AppDelegate.h(頭文件) AppDelegate.m

ViewController：  控制器層，主要負責於視圖交互。

Main.storyboard： 主要的視圖文件，XML規范文件，在Xcode里面可以可視化操作。

Assets.xcassets： 資源文件的集合，比如圖片，圖標等

LaunchScreen.storyboard：Launch 時展示的視圖。

Info.plist：info數據的集合，類型有string、array等數據

Main.m ：入口文件

六、界面設計

“Main.storyboard”> "Show the Object Library" （界面組件）

Text Field ：文本輸入框

Label ： 文本

Button：按鈕

拖動完成如下的界面：

七、定義輸入輸出口

在ViewController.h中加入

@property (weak, nonatomic) IBOutlet UITextField *name;

@property (weak, nonatomic) IBOutlet UILabel *text;

八、關聯輸入輸出口

如下視圖，選中控件，右鍵拖動到對應的代碼串進行關聯。

九、定義事件

在ViewController.h中加入

- (IBAction)submit:(id)sender;

十、關聯事件

如下圖所示，操作方式同關聯輸入輸出口類似，主要是需要選擇Action和具體的事件。

Touch Down 觸摸按下

編寫事件代碼，ViewController.m：

- (IBAction)submit:(id)sender {

    NSString * str = [NSString stringWithFormat:@"親愛的%@，我們即將踏上一段神奇的探險之旅！",self.name.text];

    [self.text setText:str];

}