1、创建一个Single View Application工程,命名为:BasicInteractive,如下图
BasicInteractive工程目录结构如下:
2、根据需求(即要实现的功能),整个场景中有3个组件:UILable、UITextField、UIButton,首先应该定义这些组件对应的变量,修改ViewController.h,修改后如下:
#import1)声明变量为什么要加IBOutlet?什么意思?@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
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操作进行关联,发现没有响应,
5)修改ViewController.m,实现操作textFieldDoneEndEditing、backgroudTap,如下
//textField编辑完毕 -(IBAction)textFieldDoneEndEditing:(id)sender{ //textField放弃第一响应者 [sender resignFirstResponder]; } //背景view被点击 -(IBAction)backgroudTap:(id)sender{ [textField resignFirstResponder]; }至此,已实现全部功能。
收藏的用户(0) X
正在加载信息~
推荐阅读
最新回复 (0)
站点信息
- 文章2300
- 用户1336
- 访客10860229
每日一句
True success inspires others to act.
真正的成功是激励他人行动。
真正的成功是激励他人行动。
语法错误: 意外的令牌“标识符”
全面理解Gradle - 定义Task
Motrix全能下载工具 (支持 BT / 磁力链 / 百度网盘)
谷歌Pixel正在开始起飞?
获取ElementUI Table排序后的数据
Run-Time Check Failure #0 - The value of ESP was not properly saved across a function call. This is
亲测!虚拟机VirtualBox安装MAC OS 10.12图文教程
华为手机app闪退重启界面清空log日志问题
android ndk开发之asm/page.h: not found
手机屏幕碎了怎么备份操作?
免ROOT实现模拟点击任意位置
新手必看修改DSDT教程
thinkpad t470p装黑苹果系统10.13.2
新会员