免费开源的iOS开发学习平台

UIButton:1-基本使用介绍

UIButton是App中最常见的UI控件之一,同时由于Button能够显示不同状态下的文字以及图片,因此在实际开发中的应用也是非常的灵活。

UIButton的构成

一个UIButton按钮由三个属性组成:

  • 图标currentImage:图片左侧的图片,默认在左边,在显示的时候,会显示图片的实际大小;
@property(nullable, nonatomic,readonly,strong) UIImage  *currentImage; 
  • 标题currentTitle:按钮上显示的文字,默认在右边;
@property(nullable, nonatomic,readonly,strong) NSString *currentTitle;
  • 背景图片currentBackgroundImage:背景图片,默认占满整个按钮,在实际开发中,普遍需要对美工提供的背景图片拉伸显示,为了实现拉伸效果,可以直接修改图片的Slicing属性,修改方法可以前面章节中的介绍。
@property(nullable, nonatomic,readonly,strong) UIImage  *currentBackgroundImage;

UIButton的状态

当点击按钮时,按钮的image以及title是可以改变的,这是因为UIButton可以设置几种状态,针对每个状态可以定制不同的样式。UIButton按钮有5个状态:

  • UIControlStateNormal:默认状态;
  • UIControlStateHighlighted:高亮状态;
  • UIControlStateDisabled:失效状态;
  • UIControlStateSelected:选中状态
  • UIControlStateFocused:聚焦状态

对于每个状态,都可以设置不同的图标、标题以及背景图片,使用如下方法:

- (void)setTitle:(nullable NSString *)title forState:(UIControlState)state; 
- (void)setImage:(nullable UIImage *)image forState:(UIControlState)state;
- (void)setBackgroundImage:(nullable UIImage *)image forState:(UIControlState)state;

另外,也有几个常用属性的设置不需要区分状态,如:

@property(nullable, nonatomic,copy) UIColor *backgroundColor;
@property(null_resettable, nonatomic,strong) UIFont *font;

UIButton点击动作的实现方法

按钮的作用就是用来监控用户的点击,为了能够实现点击按钮后去完成特定的业务逻辑,可以使用如下两种方法来监控按钮的点击:

  • 使用Target-Action方法监听用户点击事件UIControlEventTouchUpInside。如下所示,当用户点击按钮时,会调用myAction:方法中实现的业务逻辑。
[self.myButton addTarget:self action:@selector(myAction:) forControlEvents:UIControlEventTouchUpInside];
  • 连线:在interface builder/StoryBoard中,对按钮进行连线,其中,Event中选择Touch Up Inside,添加成功后,控制器中会出现myAction:方法。

- (IBAction)myAction:(id)sender {
}

示例代码

https://github.com/99ios/7.4.1