很多时候需要按钮点击变色, UI 设计师给了点击的颜色和标题的颜色, 假设按下的背景色是黄色(yellow),标题色是白色(white), 而普通状态下的背景色是红色(red), 标题色是绿色(green) 则可以这样:
btn.backgroundColor = UIColor.red // 初始的背景色, 即普通状态下的背景色
btn.setTitleColor(UIColor.green, for: .normal) // 设置普通状态下的标题颜色
btn.setTitleColor(UIColor.white, for: .highlighted) // 设置点击状态下的标题颜色
// 在 touchDown 事件 action 里改变背景色
btn.addTarget(self, action: #selector(btnTouchDown), for: .touchDown)
// 在 touchUpInside 事件 action 里面恢复背景色
btn.addTarget(self, action: #selector(btnTouchUpInside), for: .touchUpInside)
两个事件处理方法如下所示:
@objc func btnTouchDown() {// 点击改变背景色
btn.backgroundColor = UIColor.yellow
}
@objc func btnTouchUpInside() {// 恢复背景色
btn.backgroundColor = UIColor.red
}
一个与上面方式关联的小问题的处理
但是这里还有一个小问题, 假如用户按住按钮不放, 然后用手指拖动出来的时候, 会发现标题变色了, 但是背景色没有变, 从而造成错误的显示.
所以还需要对 drag 事件进行处理, 即当用户在按钮的区域内按下不放, 然后手指拖动出来时, 恢复为默认的颜色(当然也可以处理成自己想要的效果):
btn.addTarget(self, action: #selector(btnDragExit), for: .touchDragExit)
对应的 action 方法:
@objc func btnDragExit() {
btn.backgroundColor = UIColor.red
}
