IOS开发－表单控件的应用

1. 需求描述

2. 开发环境介绍

3. 建立一个工程

4. 工程配置介绍

5. 目录结构介绍

6. 界面设置

7. 关联输入输出

8. 关联事件代码

9. 运行结果

10. UITextField Class 

 

 1、需求描述

在游戏开始以前，咱们都须要填写咱们的角色名，来实现对话。要求用户输入角色名，点击确认后，在下方展现“亲爱的xx，咱们即将踏上一段神奇的探险之旅！”

 

 2、开发环境介绍

OS X EI Captian：10.11.4

Xcode： 7.3

ios：9.3

机型：iphone 6s／iphone 6s plus

 

 3、建立一个工程

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.保存工程目录，工程建立完毕

 

 

 

 

4、Project Settings 工程配置介绍

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

 

 

TARGETS配置

General ：通用

Capabilities：系统功能受权配置

Resource Tags：资源标签

Info：信息

Build Settings：编译配置

Build Phases：编译的依赖配置

Build Rules ：编译规则

本次应用使用默认配置

 

 5、目录结构介绍

“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 ：入口文件

 

  

 6、界面设计

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

Text Field ：文本输入框

Label ： 文本

Button：按钮

 

 

拖动完成以下的界面：

 

 

 

 

7、定义输入输出口

在ViewController.h中加入

 

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

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

 

8、 关联输入输出口

以下视图，选中控件，右键拖动到对应的代码串进行关联。

 

 

 9、定义事件

在ViewController.h中加入

- (IBAction)submit:(id)sender;

 

10、关联事件

以下图所示，操做方式同关联输入输出口相似，主要是须要选择Action和具体的事件。

Touch Down 触摸按下

 

编写事件代码，ViewController.m：

- (IBAction)submit:(id)sender {

    NSString * str = [NSString stringWithFormat:@"亲爱的%@，咱们即将踏上一段神奇的探险之旅！",self.name.text];

    [self.text setText:str];

}

 

 

 

11、运行结果

 

 

文章结束！

 

UITextField Class Reference

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