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