按钮UIButton的使用

一、使用概要

当添加一个按钮到你的界面,执行以下步骤:

1、在创建时设置按钮的类型。

2、提供一个标题字符串或图像,为您的内容适当调整按钮的大小。

3、连接一个或多个操作按钮的方法。

4、设置自动布局规则界面中的按钮的大小和位置。

5、提供可访问性信息和本地化字符串。

 

二、具体使用

1、使用类方法创建一个按钮对象

UIButton *button1 = [UIButton buttonWithType:UIButtonTypeRoundedRect];

注意：能够定义的button类型有以下6种

typedef NS_ENUM(NSInteger, UIButtonType) {
    UIButtonTypeCustom = 0, 自定义风格
    UIButtonTypeSystem,标准的系统按钮
    UIButtonTypeDetailDisclosure,蓝色小箭头按钮，主要做详细说明用
    UIButtonTypeInfoLight,亮色的感叹号
    UIButtonTypeInfoDark,暗色的感叹号
    UIButtonTypeContactAdd,十字加号按钮
    UIButtonTypeRoundedRect = UIButtonTypeSystem,圆角矩形按钮
};

注意：若要设置按钮的image或者backgroundImage，建议定义按钮的风格为UIButtonTypeCustom，这样才能保证设置成功。

 

2、设置按钮的标题

[button1 setTitle:@"dianji" forState:UIControlStateNormal];

[button1 setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];

[button1 setTitleShadowColor:[UIColor redColor] forState:UIControlStateNormal];

 

 3、设置按钮的背景色、背景图片

[button1 setBackgroundColor:[UIColor redColor]];

[button1 setBackgroundImage: [UIImage imageNamed:@"btng.png"] forState:UIControlStateNormal];

 

4、设置按钮的图片

[button1 setImage:[UIImage imageNamed:@"btng.png"] forState:UIControlStateNormal];

注意：setTitle和setImage方法不能同时使用，同时使用只会显示图片不会显示文字。如果要设置图片和标题，应该使用setBackgroundImage和setTitle或者自定义一个UIButton的子类来实现。

 

5、设置按钮在父件上的位置与自身大小

[button1 setFrame:CGRectMake:(100, 100, 200, 200)];

注意：按钮有以下几种状态

typedef NS_OPTIONS(NSUInteger, UIControlState) {
    UIControlStateNormal = 0,常规状态显示
    UIControlStateHighlighted  = 1 << 0,高亮状态显示
    UIControlStateDisabled = 1 << 1,禁用状态才会显示
    UIControlStateSelected = 1 << 2,选中状态显示
    UIControlStateFocused = 1 << 3,只适用于有压力感应的屏幕
    UIControlStateApplication = 0x00FF0000,当应用程序被标示时
    UIControlStateReserved = 0xFF000000,系统预留
};

关于按钮状态的几点说明：

1）默认情况下，当按钮处于高亮状态时，图片的颜色会画的深一点，如果下面这个属性设置为NO，那么这个功能无效。

button1.adjustsImageWhenHighlighted = NO;

2）默认情况下，当按钮处于禁用状态时，图片的颜色会画的深一点，如果下面这个属性设置为NO，那么这个功能无效。

button1.adjustsImageWhenDisabled = NO;

3）下面这个属性设置为yes的状态，按钮在高亮状态时会发光。

button1.showsTouchWhenHighlighted = YES;

4）设置按钮禁用

button1.enabled = NO；

5）设置按钮选中状态

button1.selected = YES；

 

6、连接一个或多个操作按钮的方法

[button1 addTarget:self action:@selector(btnClientAction) forControlEvents:UIControlEventTouchUpInside];

可以翻译为：当button1按钮上发生UIControlEventTouchUpInside点击事件时，会出发self（当前类）中的btnClientAction方法。

注意1、点击事件的类型有以下种类

typedef NS_OPTIONS(NSUInteger, UIControlEvents) {
    UIControlEventTouchDown = 1 <<  0, 用户按下时触发
    UIControlEventTouchDownRepeat = 1 <<  1, 点击次数大于1时触发
    UIControlEventTouchDragInside = 1 <<  2, 触摸后在控件内拖动时触发
    UIControlEventTouchDragOutside = 1 <<  3, 触摸后在控件外拖动时触发
    UIControlEventTouchDragEnter = 1 <<  4, 触摸后从控件外拖动到内部时触发
    UIControlEventTouchDragExit = 1 <<  5, 触摸后从控件内拖动到外部时触发
    UIControlEventTouchUpInside = 1 <<  6, 触摸后在控件内部抬起时触发
    UIControlEventTouchUpOutside = 1 <<  7, 触摸后在控件外部抬起时触发
    UIControlEventTouchCancel = 1 <<  8, 触摸取消事件，设备被锁上或者电话呼叫打断

    UIControlEventValueChanged = 1 << 12, 当控件的值发生改变时触发
    UIControlEventPrimaryActionTriggered = 1 << 13,     // semantic action: for buttons, etc.

    UIControlEventEditingDidBegin = 1 << 16, 文本控件开始编辑时触发
    UIControlEventEditingChanged = 1 << 17, 文本控件的文本改变
    UIControlEventEditingDidEnd = 1 << 18, 文本控件结束编辑时触发
    UIControlEventEditingDidEndOnExit = 1 << 19, 文本控件内通过按下回车键结束编辑时触发

    UIControlEventAllTouchEvents = 0x00000FFF,  所有的触摸事件
    UIControlEventAllEditingEvents = 0x000F0000,  //UITextField编辑的所有事件
    UIControlEventApplicationReserved = 0x0F000000,  // range available for application use
    UIControlEventSystemReserved = 0xF0000000,  // range reserved for internal framework use
    UIControlEventAllEvents = 0xFFFFFFFF，所有事件
};

注意2、触发的方法带参数的含义是，将button1对象作为参数传递给触发方法。

 

7、取消按钮已经添加的所有事件

[button1 removeTarget:nil action:nil forControlEvents:UIControlEventTouchUpInside];

前两个参数传nil，会使得取消button1所有的UIControlEventTouchUpInside事件触发。

 

 8、调整按钮中的文本框和图片的位置

button1.imageEdgeInsets = UIEdgeInsetsMake(10, 10, 10, 10);
button1.titleEdgeInsets = UIEdgeInsetsMake(50, 50, 50, 50);

但是，上面方法是以它们之前的位置而言的，所以为了省事，在需要调整位置的情况下使用下面两行代码，先让文本框和图片位于按钮的左上角后，再去调节按钮上文本框和图片的偏移量。

button1.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft;
button1.contentVerticalAlignment = UIControlContentVerticalAlignmentTop;

 

9、通过block自定义UIButton的点击事件

步骤1、自定义一个继承于UIButton的按钮

 

步骤2、声明block

typedef void (^ButtonBlock)(UIButton *);
@interface MyButton : UIButton

@property(nonatomic,copy)ButtonBlock block;
- (void)addTapBlock:(ButtonBlock)block;
@end

 

步骤3、重写button的点击事件的方法

- (void)addTapBlock:(ButtonBlock)block
{
    _block = block;
    [self addTarget:self action:@selector(buttonAction:) forControlEvents:UIControlEventTouchUpInside];
}
- (void)buttonAction:(UIButton *)button
{
    _block(button);
}

 

步骤4、在视图控制器中调用button的block方法

[button addTapBlock:^(UIButton *button){
    NSLog(@"按钮被点击了");
}];

 

三、代码Copy使用

- (void)setupBtnObject
{
    //创建一个UIButton对象
    UIButton *buttonObj = [UIButton buttonWithType:UIButtonTypeCustom];
    
    //按钮对象的标识
    [buttonObj setTag:10001];
    
    //按钮的透明度。0.0～1.0
    [buttonObj setAlpha:0.8];
    
    //文字的内容
    [buttonObj setTitle:@"Normal" forState:UIControlStateNormal];
    [buttonObj setTitle:@"Selected" forState:UIControlStateSelected];
    //文字的颜色
    [buttonObj setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];
    [buttonObj setTitleColor:[UIColor redColor] forState:UIControlStateSelected];
    //文字的阴影颜色
    [buttonObj setTitleShadowColor:[UIColor greenColor] forState:UIControlStateNormal];
    [buttonObj setTitleShadowColor:[UIColor yellowColor] forState:UIControlStateSelected];
    //文字的字体大小
    [buttonObj.titleLabel setFont:[UIFont systemFontOfSize:16]];
    
    //图片的内容。若同时使用setTitle和setImage，只会显示图片。若想同时显示，需使用setBackgroundImage或者自定义一个UIButton类。
    [buttonObj setImage:[UIImage imageNamed:@"123"] forState:UIControlStateNormal];
    [buttonObj setImage:[UIImage imageNamed:@"456"] forState:UIControlStateSelected];
    
    //背景色
    [buttonObj setBackgroundColor:[UIColor lightGrayColor]];
    
    //背景图片
    [buttonObj setBackgroundImage:[UIImage imageNamed:@"789"] forState:UIControlStateNormal];
    [buttonObj setBackgroundImage:[UIImage imageNamed:@"012"] forState:UIControlStateSelected];
    
    //调整图片和文字的位置
    buttonObj.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft;
    buttonObj.contentVerticalAlignment = UIControlContentVerticalAlignmentTop;
    buttonObj.imageEdgeInsets = UIEdgeInsetsMake(15, 30, 0, 0);
    buttonObj.titleEdgeInsets = UIEdgeInsetsMake(15, 10, 0, 0);

    //设置圆角
    [buttonObj.layer setMasksToBounds:YES];
    [buttonObj.layer setCornerRadius:6.0];
    [buttonObj.layer setBorderWidth:1.0];
    [buttonObj.layer setBorderColor:[[UIColor whiteColor] CGColor]];
    
    //按钮高亮时，图片是否颜色变深
    [buttonObj setAdjustsImageWhenHighlighted:NO];
    //按钮禁用时，图片是否颜色变淡
    [buttonObj setAdjustsImageWhenDisabled:NO];
    //按钮按下时，按钮是否发光
    [buttonObj setShowsTouchWhenHighlighted:NO];
    
    //添加事件
    [buttonObj addTarget:self action:@selector(btnAction:) forControlEvents:UIControlEventTouchUpInside];
    
    //禁用按钮
    [buttonObj setEnabled:NO];
    //按钮选中
    [buttonObj setSelected:YES];
    //若为NO，则发生在按钮上的事件传递到下一个能处理事件的控件区处理。
    [buttonObj setUserInteractionEnabled:YES];
    
    //添加显示
    [self.view addSubview:buttonObj];
    
    //设置约束条件
    [buttonObj mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.mas_equalTo(0);
        make.top.mas_equalTo(10);
        make.size.mas_equalTo(CGSizeMake(SCREEN_WIDTH, 50));
    }];
}
- (void)btnAction:(UIButton *)btn
{
    //取消按钮已经添加的某某事件
    [btn removeTarget:nil action:nil forControlEvents:UIControlEventTouchDragInside];
}

 

posted @ 2017-04-23 11:04  码出境界  阅读(689)  评论(1)  编辑  收藏  举报