九宫格color.gif
- UIButton------基础控件
- 显示文字 显示图片
- 监听用户的点击事件，在用户点击后做出响应
NS_CLASS_AVAILABLE_IOS(2_0) @interface UIButton : UIControl <NSCoding>
一、定义UIButton + 布局
UIButton *btn = [UIButton buttonWithType:UIButtonTypeSystem];
btn.frame = CGRectMake(150, 150, 100, 50);
UIButton * btn1 = [[UIButton alloc]initWithFrame:CGRectMake(150, 150, 100, 50)];
UIButton 类型:
typedef NS_ENUM(NSInteger, UIButtonType) {
UIButtonTypeCustom = 0, // no button type自定义风格
UIButtonTypeSystem NS_ENUM_AVAILABLE_IOS(7_0), // standard system button
UIButtonTypeDetailDisclosure, //蓝色小箭头按钮，主要做详细说明用
UIButtonTypeInfoLight, //亮色感叹号
UIButtonTypeInfoDark, //暗色感叹号
UIButtonTypeContactAdd, //十字加号按钮
UIButtonTypePlain API_AVAILABLE(tvos(11.0)) API_UNAVAILABLE(ios, watchos), // standard system button without the blurred background view
UIButtonTypeRoundedRect = UIButtonTypeSystem // Deprecated, use UIButtonTypeSystem instead圆角矩形
};
二、将定义的UIButton添加到父视图上
[self.view addSubview:btn];
三、设置自定义UIButton的各种属性
- UIButton的文本信息
[btn setTitle:@"一个Button" forState:UIControlStateNormal];
//按钮状态与对应的文本信息
- UIButton状态
typedef NS_OPTIONS(NSUInteger, UIControlState) {
UIControlStateNormal = 0,
UIControlStateHighlighted = 1 << 0, // used when UIControl isHighlighted is set
UIControlStateDisabled = 1 << 1,
UIControlStateSelected = 1 << 2, // flag usable by app (see below)
UIControlStateFocused NS_ENUM_AVAILABLE_IOS(9_0) = 1 << 3, // Applicable only when the screen supports focus
UIControlStateApplication = 0x00FF0000, // additional flags available for application use
UIControlStateReserved = 0xFF000000 // flags reserved for internal framework use
};
- 背景颜色
btn.backgroundColor = [UIColor redColor];
[btn setBackgroundColor:[UIColor redColor]];
- 字体颜色和字体大小
//字体颜色
[btn setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];
//字体大小
btn.titleLabel.font = [UIFont fontWithName:@"Arial" size:20];
- 对齐模式
[btn setContentHorizontalAlignment:UIControlContentHorizontalAlignmentLeft];
typedef NS_ENUM(NSInteger, UIControlContentHorizontalAlignment) {
UIControlContentHorizontalAlignmentCenter = 0,
UIControlContentHorizontalAlignmentLeft = 1,
UIControlContentHorizontalAlignmentRight = 2,
UIControlContentHorizontalAlignmentFill = 3,
UIControlContentHorizontalAlignmentLeading API_AVAILABLE(ios(11.0), tvos(11.0)) = 4,
UIControlContentHorizontalAlignmentTrailing API_AVAILABLE(ios(11.0), tvos(11.0)) = 5,
};
- 内部内容边距
[btn setContentEdgeInsets:UIEdgeInsetsMake(0, 10, 0, 0)];
- 文字内在距离
btn.titleEdgeInsets = UIEdgeInsetsMake(0, 10, 0, 0);
- 设置图片
//设置UIButton填充
UIImage* image = [UIImage imageNamed:@"btn.png"];
[btn setImage:image forState:UIControlStateNormal];
//背景图片
[btn setBackgroundImage:image forState:UIControlStateNormal];
四、设置UIButton的响应事件
//无参
[btn addTarget:self action:@selector(changeColor) forControlEvents:UIControlEventTouchUpInside];
//有参
[btn addTarget:self action:@selector(changeColor:) forControlEvents:UIControlEventTouchUpInside];
typedef NS_OPTIONS(NSUInteger, UIControlEvents) {
UIControlEventTouchDown = 1 << 0, // on all touch downs
UIControlEventTouchDownRepeat = 1 << 1, // on multiple touchdowns (tap count > 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, // sliders, etc.
UIControlEventPrimaryActionTriggered NS_ENUM_AVAILABLE_IOS(9_0) = 1 << 13, // semantic action: for buttons, etc.
UIControlEventEditingDidBegin = 1 << 16, // UITextField
UIControlEventEditingChanged = 1 << 17,
UIControlEventEditingDidEnd = 1 << 18,
UIControlEventEditingDidEndOnExit = 1 << 19, // 'return key' ending editing
UIControlEventAllTouchEvents = 0x00000FFF, // for touch events
UIControlEventAllEditingEvents = 0x000F0000, // for UITextField
UIControlEventApplicationReserved = 0x0F000000, // range available for application use
UIControlEventSystemReserved = 0xF0000000, // range reserved for internal framework use
UIControlEventAllEvents = 0xFFFFFFFF
};
//无参
-(void)changeColor{
self.view.backgroundColor = [UIColor colorWithRed:arc4random()%255/255.0 green:arc4random()%255/255.0 blue:arc4random()%255/255.0 alpha:1];
}
//有参
//父视图通过tag值获取子视图的指针对象
-(void)changeColor:(UIButton*)button{
if (btn.tag == 1) {
self.view.backgroundColor = [UIColor colorWithRed:arc4random()%255/255.0 green:arc4random()%255/255.0 blue:arc4random()%255/255.0 alpha:1];
}
}
附一个九宫格demo
