Button在使用过程中都有哪些常见的状态?
- UIButton继承自UIControl,有一个枚举类型的state属性.另外还 有三个属性分别对应于其三个常见的状态.
UIControl的stata属性及其三个相关属性
//UIControlState类型
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
};
//状态属性
@property(nonatomic,getter=isEnabled) BOOL enabled;
@property(nonatomic,getter=isSelected) BOOL selected;
@property(nonatomic,getter=isHighlighted) BOOL highlighted;
- Normal, Highlighted, Disabled, Selected
Disabled :这个状态是通过设置Button是否接受点击的时的状态.当设置enabled属性为NO的时候,当前的状态就是disabled状态.这个不难理解.
Normal:就是普通状态,就是按钮有效的初始状态.
Highlighted:高亮状态,这个属性比较特殊. 它不是某一个稳定状态的属性,而是一个过渡的状态. 当一个按钮处于普通状态(normal)的时候,你按下并且不松开的时候,这个按钮的状态就是高亮(Highlighted)状态.
Selected:选择状态,这个属性的状态一般是需要我们设置的.不会像高亮状态那样,按下去自动变为高亮,松开由变为普通状态.
看文档的时候回,我们发现UIControl有一个重要的属性.它是只读的.我们不可以直接设置这个属性,也就是说我们只能通过设置特定的属性,或者触发特定的操作来改变按钮的状态.关键是:文档上说这个属性不止一个状态.
@property(nonatomic,readonly) UIControlState state; // could be more than one state (e.g. disabled|selected). synthesized from other flags.
- 通过移位运算符组合状态
当我们在设置一个button的normal状态和selected状态后. 来实现基本的复选按钮.这个时候回会出现一个问题.其实这里面还有别的状态.也是一种中间状态,像高亮(highlighted)状态一样.这个状态是通过两个状态组合得到.这种组合是由几个状态的位运算得到.看看这几个状态的枚举值.
UIControlStateNormal = 0,
UIControlStateHighlighted = 1 << 0,
UIControlStateDisabled = 1 << 1,
UIControlStateSelected = 1 << 2,
看得出来,Normal状态的枚举值为0,Selected状态的枚举值为4. 这些值难道是苹果的工程师随便写的?事实上它们之间可以通过逻辑位(运算符:|)运算的方式组合成一种新的状态.
下面来分析一下,当我们按下一个处于Normal状态的按钮,会经历哪些状态.
- 当我们普通使用的时候,不涉及按钮的Selected状态的时候,这种情况我们只需要关注按钮的Normal和highlighted状态就OK了.不涉及到状态组合.因为在这种情况,我们按下一个Normal状态的按钮过程是这样的: Normal(初始状态)--->Highlighted(按住没松开)--->Normal(按住并松开).这个过程按钮状态的变化是自动的.
- 当我们需要使用Selected状态的时候,比如我们需要做一个复选框,这个时候需要就涉及到状态组合了.过程是这样的:Normal(初始状态)--->Highlighted(按住没松开)--->Selected(按住松开).这是一个从Normal状态转变到Selected状态的过程,注意:这个状态是需要我们设置的,我们需要在按钮的触发事件中把@property(nonatomic,getter=isSelected) BOOL selected;属性设置为YES.此时Highlighted的状态也可以理解成一种组合状态---UIControlStateNormal|UIControlStateHighlighted. 其位运算结果还是Highlighted.(状态组合的时候,前面的是当前状态,位运算另外一个是Highlighted).
//按钮触发事件,实现复选框
- (void)buttonClicked:(UIButton *)button {
button.selected = !button.isSelected;
}
当我们再次按下按钮的时候过程是这样的:Selected(选择状态)--->UIControlStateSelected|UIControlStateHighlighted(组合状态)--->Normal(又回到了初始状态).
Highlighted状态是一种过渡状态,是我们从按钮的Normal状态按下到Selected状态的时候所经过的一种过渡状态. 同理!有没有一种状态是我们从Selected状态按下到Normal状态所经过的一种状态呢?它就是UIControlStateSelected|UIControlStateHighlighted了.通过上面的枚举值可以知道它的值是5.
用代码检验
- (void)viewDidLoad {
[super viewDidLoad];
UIButton* btn = [UIButton buttonWithType:UIButtonTypeCustom];
btn.frame = CGRectMake(30, 30, 300, 300);
btn.backgroundColor = [UIColor grayColor];
btn.selected = NO;
//设置normal状态的Title. Normal == 0
[btn setTitle:@"Normal" forState:UIControlStateNormal];
//设置Highlighted状态的Title Hightlighted == 1
[btn setTitle:@"Highlighted" forState:UIControlStateHighlighted];
//设置Selected状态的Title Selected==4
[btn setTitle:@"Selected" forState:UIControlStateSelected];
// //mormal -> select 之间的Title
[btn setTitle:@"Normal|Highlighted" forState:UIControlStateNormal|UIControlStateHighlighted];
// //selected -> normal
[btn setTitle:@"Selected|Highlighted" forState:UIControlStateSelected|UIControlStateHighlighted];
[btn addTarget:self action:@selector(buttonClicked:) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:btn];
self.button = btn;
}
//btn的触发事件
- (void)buttonClicked:(UIButton *)button {
button.selected = !button.isSelected;
}
截图就不贴了,需要动图才能更好反应这个变化. 代码贴到工程运行点一点就明白了.
