《实验指导书3SingleViewApplication》由会员分享，可在线阅读，更多相关《实验指导书3SingleViewApplication（19页珍藏版）》请在金锄头文库上搜索。
1、实验手册项目 3 单视图应用程序 前导实验内容：建立一个类，使用property 和synthesize 建立属性，并在main.m中访问。通过此实验掌握属性的用法。 实验内容一：实验效果：在文本框中输入文本内容，然后点击按钮，显示刚才输入的文本。步骤 1：1. 创建一个项目 1，选择“Single View Application”：2. 确保选择：use Storyboard ，使用故事板。3. 点击故事板文件：如果没有看到 first responder，则点击一下红圈里的按钮展开。4. 在iewController.h 文件里，加入如下代码：#import interface View
2、Controller : UIViewControllerproperty (strong, nonatomic) IBOutlet UILabel *userOutput;property (strong, nonatomic) IBOutlet UITextField *userInput;- (IBAction)setOutput:(id)sender;end5. 在文件中加入代码：#import “ViewController.h”implementation ViewControllersynthesize userOutput;synthesize userInput;6. 在 V
3、iewDidUnload 函数里加入7. 设计界面：在对象库里，拖动 2 个 UILable 到界面中，其中一个显示为，另一个显示名为，8. 拖动一个和一个 text 到界面中，9. 删除之前的所有代码(这是因为我们下一步的操作可以自动生成一些代码)。10. 在界面上，打开助手编辑器然后选择 viewcontroll.h 文件，11. 按 4Control 键，把 name 标签拖动到 ViewControll.h 文件中的 interface 下一行，这时，Xcode 将提示定义输出口。12. 观察.h 和.m 文件中的代码变化,(记录在实验报告里)。同样把text 控件拖到源文件中，建立
4、userInput,13. 按 control，把按钮拖动过去 。注意， 选择 Connection 类型为Acton14. 在.m 文件中加入代码：- (IBAction)setOutput:(id)sender self.userOutput.text=self.userInput.text;15. 运行。检查。 实验内容二: 使用文本、键盘和按钮(案例：故事生成器)。实验效果：步骤：1.创 建一个新的项目命名为 FieldButtonFun.2.使用 singleViewApplication，如果 xcode 版本较低的事需要勾选AutomaticReferenceCounting（A
5、RC）和 Storyboard。 （如果是最新版本的话，这些都是默认的）3.添加文本框（UITextField）:点击 storyboard 然后从对象库中拖出3 个 uitextfield 放到界面（ViewController）上，然后再拖出 3 个uilabel 到 ViewController 中。 （当然也可以 comondc 键复制粘贴）像这样子: 可能有的同学会问 The name of a place 是如何显示的（就是所谓的占位符） ，其实就是你先选择这个控件，然后选择它的属性栏在下图的位置中 Placeholder 中输入你要显示的文字。像下图这样子你可以按住 comman
6、d 键然后用鼠标点击多个同种类型的控件（比如都是 uitextfield） ，这时候就可以统一修改对应的属性（clear button 就是当你要编辑文本的时候会不会出现一个 x 的清除按钮） 。关于 textfield 的设置还有很多，就不一一讲述，大家有兴趣的话就去试试。根据实验要求,将 The name of a place 和 A verb 的 return Key 属性设置为 Done，A small number 的 keyboard type 要设置为 number pad。如下图5.添加文本视图（textView ）如下图修改 template 的内容 为The IOS dev
7、elopers descended upon .They vowed to Android users came to their senser, would never be the same again.清空 story 的内容，由于 story 的内容是要自动生成的所有要取消勾选 Editable（默认是勾选的） 。关于 textview 的背景色也是在attributes inspector 中的 background 中进行设置。添加一个 button6.创建并 连接输出口和操作，所有的输出口和操作如下图所示6.1 在 storyboard 界面，打开助手模式像这样子首先按住 con
8、trol 键不放，将鼠标选中 The name of a placetextfield（文本框）并且拖拉到 ViewController.h 文件中然后放掉。 （刚刚的这段操作叫做建立连接，以下建立连接就是要按照上面说的操作来做的意思。 ）就会出现下图的弹窗根据第 6 步的图片我们要在 Name 框中输入 thePlace 然后保留其他默认选项，点击 connect 然后以此类推一直到第 6 步的图片中的theButton代码应该是这样的现在就应该添加点击按钮操作事件 createStory，刚刚前面做的工作是添加属性并且和视图建立连接。像这样子，再次按住 ctrl，然后选中按钮（Genera
9、teStory ）然后拖来到.h 文件放手，然后把 connection 默认的 outlet 改为下图所示。最终.h 中的代码应该是 这样的#import interface ViewController : UIViewControllerproperty (weak, nonatomic) IBOutlet UITextField *thePlace;property (weak, nonatomic) IBOutlet UITextField *theVerb;property (weak, nonatomic) IBOutlet UITextField *theNumber;prop
10、erty (weak, nonatomic) IBOutlet UITextView *theTemplate;property (weak, nonatomic) IBOutlet UITextView *theStory;property (weak, nonatomic) IBOutlet UIButton *theButton;- (IBAction)createStory:(id)sender;end7.加载 BUTTON的背影图片（这一步选作）：自行搜索一张白色背影图片，命名为 whitebutton.png，从 finder中拖到项目中。（下面的代码主要就是设置 button 在
11、被点击以及没有被点击时显示的样子，比如没被点击时是白色的图片，点击后是蓝色的图片。）8.隐藏键盘8.1.使用 Done 键隐藏键盘建立The name of a place和.h文件的连接(即按 Controll按钮，并把The name of a place这个控件拉到 Viewcontroller.h文件中。在connection中选择：Action,在Event（事件）中选择：Did End on exit; 在name中输入自定义的方法名：hideKeyboard。如下图。在ViewController.m文件的hideKeyboard方法中输入代码：- (IBAction)hideK
12、eyboard:(id)sender self.thePlace resignFirstResponder;接下来，把 theVerb控件也绑定到上面那个方法中：右击 A verb(如下图):然后把 did end on exit 右边的小圈拖到 View Controller Scene 下的 FirstResponder 中，：在弹出框中选择 hideKeyboard, 然后在.m 文件中 hideKeyboard 方法中，增加退出第一响应者代码： self.theVerb resignFirstResponder;2.通过触摸背景隐藏键盘由于数字的文本框打开的键盘没有 done 键，所以
13、我们要通过触摸背景隐藏键盘。方法是设置一个大的 button 覆盖住所有的背景这样子（再把这个 button 链 接到- (IBAction)hideKeyboard:(id)sender;），然后点击背景就是点击 button。如下图，这里弄上红色是为了说明这个 button 是全屏的。（记得把button 连接到 IBAction）hideKeyboard:(id)sender; ）很重要的一点就是要把这个红色的 button 放到所有控件的控件最底层。在 storyboard 的左边这个红色 button 的位置是这样子的（选中的那个）要把它拉到第一个位置。3.添加隐藏键盘的代码打开.m
14、 文件在 hideKeyboard:中输入如下代码： self.thePlace resignFirstResponder;self.theVerb resignFirstResponder;self.theNumber resignFirstResponder;self.theTemplate resignFirstResponder;在 createStory 中输入如下代码：self.theStory.text = self.theTemplate.text stringByReplacingOccurrencesOfString: withString:self.thePlace.text; self.theStory.text = self.theStory.text stringByReplacingOccurrencesOfString: withString:self.theVerb.text;self.theStory.text = self.theStory.text stringByReplacingOccurrencesOfString: withString:self.theNumber.text;运行后的结果是这样子的
