iOS UIButton(按钮)点击改变背景色和标题颜色的简单实

很多时候需要按钮点击变色, 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
    }