iPhone开发【三】处理基本交互

转载请注明出处，原文网址：http://blog.csdn.net/m_changgong/article/details/8082107 作者：张燕广

过了个中秋+国庆大长假，回来很累，又很忙，新产品iPhone客户端紧急开发中，挤点时间，继续写吧，GO！

实现的功能：1）点击button，将TextField中的内容更新到label中 2）TextField中内容发生变化后自动更新到label中

关键词：交互 事件处理 输出口 操作 关闭键盘 IBOutlet IBAction

1、创建一个Single View Application工程，命名为：BasicInteractive，如下图

BasicInteractive工程目录结构如下：

2、根据需求（即要实现的功能），整个场景中有3个组件：UILable、UITextField、UIButton，首先应该定义这些组件对应的变量，修改ViewController.h，修改后如下：

 <span style="font-family:Microsoft YaHei;font-size:18px;">#import <UIKit/UIKit.h>

 @interface ViewController : UIViewController
 //添加如下代码
 @property(nonatomic,retain)IBOutlet UILabel *label; //label指向xib文件中的UILabel组件
 @property(nonatomic,retain)IBOutlet UITextField *textField;//textField指向xib文件中的UITextField组件
 -(IBAction)do:(id)sender;//方法do与xib文件中的UIButton的点击事件关联起来
 @end</span>

1）声明变量为什么要加IBOutlet？什么意思？

     IBOutlet未执行任何操作，它仅仅是个标记，其唯一的作用是标示该实例变量（label、textField）将被连接到xib中UI控件。

     这里引出了一个新概念：输出口，这里label和textField被称为输出口，因为它们是用关键字IBOutlet声明的。

2）为什么没有声明Button的输出口？

      之所以声明输出口label、textField，是因为要访问UITextField获取其最新内容，要访问UILable为其设置最新内容，但是我们并不需要直接访问Button。

3)  方法do的返回类型为什么是IBAction?

      声明返回类型是IBAction，与声明void返回类型是相同的，这是声明操作方法不返回任何值的一种方法。

      这里的IBAction类似IBOutlet，也仅仅是一个标记，其唯一的作用是标示该方法是一个操作，且可以被某个控件触发。

      该方法接收一个参数，类型为id，为什么？参数sender指向触发do方法的那个控件，该控件是不确定的所以用id类型 。

      这里引出了一个新概念：操作，这里do方法被称为操作，因为它是用关键字IBAction声明的。   

3、编辑ViewController.xib，布局程序界面

1）点击ViewController.xib，打开该文件

2）拖动UILable UITextField UIButton 3个控件到view上，如下图

4、将输出口与UI控件相连，将触发事件的UI控件与操作相连

1)将输出口label与UILabel控件连接，按住label后面的圆圈拖向UILabel控件，如下图

2）按照上步操作将输出口textField与UITextField控件连接

3）将UIButton与操作do连接，如下图

选择事件Touch Up Inside

5、编辑ViewController.m

1）添加如下代码：

 <span style="font-family:Microsoft YaHei;font-size:18px;">@implementation ViewController
 //添加的代码
 @synthesize label;
 @synthesize textField;</span>

实现操作do，如下：

 <span style="font-family:Microsoft YaHei;font-size:18px;">-(IBAction)do:(id)sender{
     //将textField的内容设置给label
     label.text = textField.text;
 }</span>

修改方法- (void)viewDidUnload，如下：

 <span style="font-family:Microsoft YaHei;font-size:18px;">- (void)viewDidUnload
 {
     [super viewDidUnload];
     label = nil;
     textField = nil;
     //创建工程时选择了arc，所以不能手动执行release
     //[label release];
     //[textField release];
     // Release any retained subviews of the main view.
 }</span>

6、至此，实现了功能1）点击button，将TextField中的内容更新到label中，编译、运行效果如下

7、要实现功能 2）TextField中内容发生变化后自动更新到label中，需要监听UITextField控件变化的事件，即当UITextField中内容发生变化时立即更新到UILable控件。

1）修改ViewController.h，添加操作

 <span style="font-family:Microsoft YaHei;font-size:18px;">-(IBAction)textFieldDidChange:(id)sender;//方法do与xib文件中的UITextField的Editting Changed事件关联起来</span><span style="font-family:Microsoft YaHei;font-size:18px;">
 </span>

2）参考上面UIButton控件与do操作的关联，将UITextField控件与textFieldDidChange操作进行关联，选择Editting Changed事件

3）修改ViewController.m，实现操作textFieldDidChange，如下所示

 <span style="font-family:Microsoft YaHei;font-size:18px;">//textField正在编辑
 -(IBAction)textFieldDidChange:(id)sender{
     label.text = textField.text;
 }</span>

8、编译、运行，在TextField中输入内容时，UILabel会即时更新

1）但是，存在一个问题：输入完毕，点击键盘右下角的return或点击view上其它空白区域时，键盘不会消失（这个与Android键盘不同），需要我们编码实现。

2）修改ViewController.h，添加操作

 <span style="font-family:Microsoft YaHei;font-size:18px;">-(IBAction)textFieldDoneEndEditing:(id)sender;//方法textFieldDoneEndEditing与xib文件中的UITextField的Did End On Exit事件关联起来
 -(IBAction)backgroudTap:(id)sender;//方法backgroudTap与xib文件中的view的Touch Down事件关联起来</span>

3）参考上面UIButton控件与do操作的关联，将UITextField控件与textFieldDoneEndEditing操作进行关联，选择Did End On Exit事件

4）参考上面UIButton控件与do操作的关联，将view控件与backgroudTap操作进行关联，发现没有响应，

选中ViewController.xib，再选中View，如上图所示，将view的calss由UIView修改为UIControl，因为能够触发操作方法的所有控件必须继承自UIControl。再次操作，进行操作关联。

5）修改ViewController.m，实现操作textFieldDoneEndEditing、backgroudTap，如下

 <span style="font-family:Microsoft YaHei;font-size:18px;">//textField编辑完毕
 -(IBAction)textFieldDoneEndEditing:(id)sender{
     //textField放弃第一响应者
     [sender resignFirstResponder];
 }

 //背景view被点击
 -(IBAction)backgroudTap:(id)sender{
     [textField resignFirstResponder];
 }</span>

至此，已实现全部功能。

点击下载本文源代码