UIButton的状态

Button在使用过程中都有哪些常见的状态?

1. 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;

2. 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.

3. 通过移位运算符组合状态
   当我们在设置一个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;
}

截图就不贴了,需要动图才能更好反应这个变化. 代码贴到工程运行点一点就明白了.