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];
 
}

十一、运行结果

文章结束！

UITextField Class Reference

https://developer.apple.com/library/ios/documentation/UIKit/Reference/UITextField_Class/index.html