UIButton的使用

UIButton

UIButton简介

UIButton是最常用的控件之一,UIButton有各种触控事件,显示文字,图片或者背景色。 
最主要的是实现用户的touch事件。

UIButton使用

我们可以在IB中直接拖拽添加UIButton使用,也可以在代码中动态创建。

在IB中使用UIButton

在xib文件中添加一个UIButton,选中button,在右侧选中show the attributes inspector,
我们可以看到默认的button的一些属性,如下所示

在这里,我们可以改变图片,title,背景色或背景图片等。

在xib文件,选中Show the Assistant editor,如下所示

UIButton上右键点击,列出了button很多的东西,如下所示

Sent Events下是button的监听事件,
Refererncing Outlets 下是为button添加oulets,我们可以在代码中控制button,改变button属性。
左键选中相应事件,或者outlets后面的圆圈,然后拖拽到.h文件的@interface,@end之间,出现上图所示的悬浮窗口,
添加name之后,Connect,可以添加button的IBAction,或Outlet。IBAction是监听事件,Outlet可以控制button,
改变一些基本属性。
我选的是 touch up inside事件,命名为send,
Outlet命名为button,之后出现如下代码

- (IBAction)send:(id)sender;
@property (weak, nonatomic) IBOutlet UIButton *button;

添加完之后,在.m文件中的

- (IBAction)send:(id)sender {
      // do something.
}

改变button的属性,

button.image = ....

这就是在IB中操作UIButton的方法。

动态创建UIButton方法。

    UIButton *button =  [UIButton buttonWithType:UIButtonTypeRoundedRect];
    [button setFrame:CGRectMake(0, 0, 100, 100)];
    [self.view addSubview:button];
  UIButton *button =[ [UIButton alloc] init];

这样也可以动态创建,但是默认的button的type是custom,而且button的type没法改变,所以一般用上面动态创建的
方法。

这一段代码就可以简单的在View上创建一个大小为100x100的UIButton了。你可以改变button的基本属性,
如果要添加事件的话,还需要额外一些工作。
在.h文件中添加事件函数

- (IBAction)send:(id)sender;

并要在.m文件中添加对函数的绑定函数,以及事件类型

[button addTarget:self action:@selector(send:) forControlEvents:UIControlEventTouchUpInside];

在send函数中添加代码,button的点击就有反映了。

添加点击之后换图标的效果

//点击前的图片
[button setBackgroundImage:[[UIImage imageNamed:@"一张图片.png"] forState:UIControlStateNormal];
//点击后的图片
[button setBackgroundImage:[[UIImage imageNamed:@"另一张图片.png"] forState:UIControlStateHighlighted];
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值