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,修改后如下:

#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

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)添加如下代码:

@implementation ViewController
//添加的代码
@synthesize label;
@synthesize textField;
实现操作do,如下:
-(IBAction)do:(id)sender{
    //将textField的内容设置给label
    label.text = textField.text;
}
修改方法- (void)viewDidUnload,如下:
- (void)viewDidUnload
{
    [super viewDidUnload];
    label = nil;
    textField = nil;
    //创建工程时选择了arc,所以不能手动执行release
    //[label release];
    //[textField release];
    // Release any retained subviews of the main view.
}
6、至此,实现了功能1)点击button,将TextField中的内容更新到label中,编译、运行效果如下

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

1)修改ViewController.h,添加操作

-(IBAction)textFieldDidChange:(id)sender;//方法do与xib文件中的UITextField的Editting Changed事件关联起来

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

3)修改ViewController.m,实现操作textFieldDidChange,如下所示

//textField正在编辑
-(IBAction)textFieldDidChange:(id)sender{
    label.text = textField.text;
}
8、编译、运行,在TextField中输入内容时,UILabel会即时更新

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

2)修改ViewController.h,添加操作

-(IBAction)textFieldDoneEndEditing:(id)sender;//方法textFieldDoneEndEditing与xib文件中的UITextField的Did End On Exit事件关联起来
-(IBAction)backgroudTap:(id)sender;//方法backgroudTap与xib文件中的view的Touch Down事件关联起来
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,如下

//textField编辑完毕
-(IBAction)textFieldDoneEndEditing:(id)sender{
    //textField放弃第一响应者
    [sender resignFirstResponder];
}

//背景view被点击
-(IBAction)backgroudTap:(id)sender{
    [textField resignFirstResponder];
}
至此,已实现全部功能。


点击下载本文源代码

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值