iOS中最简单的交互控件-UIButton(hyf原创)

不说太多空话,直接上代码,在屏幕上创建一个UIButton控件

- (void)viewDidLoad {
    [super viewDidLoad];
    // 创建并且初始化button
    UIButton *btn = [UIButton buttonWithType:UIButtonTypeSystem];
    // 设置btn的frame
    btn.frame = CGRectMake(100, 100, 200, 200);
    // 设置按钮标题
    [btn setTitle:@"我是按钮" forState:UIControlStateNormal];
    // 添加到view上
    [self.view addSubview:btn];
}

• 初始化UIButton的时候,使用buttonWithType这一类方法,传入的参数,决定来了UIButton控件的风格,枚举值有如下几种:

    UIButtonTypeCustom = 0, // 自定义按钮
    UIButtonTypeSystem , // 系统默认按钮
    UIButtonTypeDetailDisclosure, // 详情按钮
    UIButtonTypeInfoLight, // 详情按钮
    UIButtonTypeInfoDark, // 详情按钮
    UIButtonTypeContactAdd, // 添加按钮
    UIButtonTypeRoundedRect = UIButtonTypeSystem,   

• custom和system两种风格样式类似,system风格只是默认设置了一些类似标题颜色,按钮高亮状态是的样式等属性,而custom这需要我们手动去设置这些属性,其他的也就没什么区别了,我特意的创建了不同的按钮,截图如下:

Snip20161206_1.png

UIButton控件的交互状态

• 按钮的交互状态由UIControlState类型定义的,如下所示:

     UIControlStateNormal // 正常状态
     UIControlStateHighlighted // 高亮状态   
     UIControlStateDisabled  // 禁用状态
     UIControlStateSelected // 选中状态
     UIControlStateFocused // 重按状态

• 对于这些状态显示是如何的,大家可以直接更改上面代码中[btn setTitle:@"我是按钮" forState:UIControlStateNormal]方法传入的参数

UIButton中可以自定义的一些常用属性

    // 1.设置标题颜色
    btn.tintColor = [UIColor redColor];
    // 2.如果创建时是UIButtonTypeCustom风格,那么需要通过如下的方法设置标题颜色
    [btn setTitleColor:[UIColor redColor] forState:UIControlStateNormal];
    // 3.设置背景颜色
    btn.backgroundColor = [UIColor yellowColor];
    // 4.设置背景图片
    [btn setBackgroundImage:[UIImage imageNamed:@"图片名字"] forState:UIControlStateNormal];

如何添加触发方法

• 作为iOS最简单的交互控件,怎么可以缺少触发方法呢.直接上代码

- (void)viewDidLoad {
    [super viewDidLoad];
    // 创建并且初始化button
    UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
    // 设置btn的frame
    btn.frame = CGRectMake(100, 100, 200, 100);
    // 设置按钮标题
    [btn setTitle:@"改变颜色" forState:UIControlStateNormal];
    [btn setTintColor:[UIColor redColor]];
    // 添加触发方法
    [btn addTarget:self action:@selector(changeColor) forControlEvents:UIControlEventTouchUpInside];
    // 添加到view上
    [self.view addSubview:btn];
}
// 随机改变背景颜色
- (void)changeColor {
    self.view.backgroundColor = [UIColor colorWithRed:arc4random()%255/255.0 green:arc4random()%255/255.0 blue:arc4random()%255/255.0 alpha:1];
}

• 上面代码中,使用addTarget: action:方法为UIButton控件添加了一个触发函数,第一个参数target设置执行方法的对象,基本设置为self;action参数是一个选择器,作用类似于一个函数指针;第三个参数UIControlEvents是触发方法的用户行为,常用的枚举值如下:

    UIControlEventTouchDown // 手指按下时触发
    UIControlEventTouchDownRepeat // 重复按下时触发
    UIControlEventTouchDragInside // 手指在控件范围内拖动是触发
    UIControlEventTouchDragOutside // 手指在控件范围外拖动触发
    UIControlEventTouchUpInside // 手指在控件范围内按下后抬起时触发
    UIControlEventTouchUpOutside // 手指在控件范围内按下后在控件范围外抬起时触发
    UIControlEventValueChanged // 控件的发生值改变时触发

今天就先更新到这吧!大家晚安...