今天遇到一个比较奇葩的小问题,
一个关注button,关注时title显示“已关注”,点击可取消关注,未关注时title显示“关注”,点击可以关注;
本来是一个很简单很常见的需求,两行代码就可以搞定
button.setTitle("关注", for: .normal)
button.setTitle("已关注", for: .selected)
然后美术给设计了个点击的状态,要求按下是显示“关注中”,或者“取消中”
这个也简单,加个highlight状态而已,
if button.isSelected {
button.setTitle("取消中", for: .highlighted)
} else{
button.setTitle("关注中", for: .highlighted)
}
但是问题来了:
button.isSelected == false时,按下去确实显示“关注中”了,
而button.isSelected == true时,按下去显示的是“关注”!!!
这就奇葩了!button不就那几种状态吗!!?怎么就不管用了呢?
想来想去想不明白,最后还是google了一下才找到答案:(https://stackoverflow.com/questions/5592646/uibutton-set-image-for-selected-highlighted-state)
简单来说就是
选中时的highlighted状态和未选中的的highlighted状态是两个不同的状态,分别是“[.selected, .highlighted]” 和“.highlighted”(更准确的应该是[.normal, .highlighted])!!!
这意味着,UIControl的state属性,其实可以是互相组合的,跟我原来理所当然的认为就那么几种很不一样
看看头文件,也确实是这样
只不过之前重来没有注意到。。。
也就是说,UIControl可以组合出很多很多不同的状态
比如
[.normal, .highlighted], [.normal, .selected], [.normal, .disabled]
是一组不同的状态[.highlighted, .normal], [.highlighted, .selected], [.highlighted, .disabled]
是一组不同的状态[.selected, .normal], [.selected, .highlighted], [.selected, .disabled]
是一组不同的状态[.disabled, .normal], [.disabled, .highlighted], [.disabled, .selected]
是一组不同的状态甚至
[.disabled, .selected, .normal], [.disabled, .selected, .highlighted]
也是一组不同的状态这就很强大了~~
所以最初需求也是很简单就实现了:
button.setTitle("关注", for: .normal)
button.setTitle("关注中", for: .highlighted)
button.setTitle("已关注", for: .selected)
button.setTitle("取消中", for: [.selected, .highlighted])
我估计还是有不少人跟我原来理解的一样,赶紧更新下认识,来领略UIControl强大的状态吧~~