更新:2018.05.24
整理了一下demo:SwiftDemo
- 在APP中,UIButton可以说是随处可见,UIButton继承自UIControl,UIControl又继承自UIView,在iOS中,一切看得到、摸得着的都是UIView。
- 我们可以为UIButton设置标题、文本、图片和背景色等。通过这些信息,用户就知道了点击这个按钮,会发生什么样的反应。
1. 创建UIButton
let button = UIButton(type: .custom)
a. .custom
是枚举 UIButtonType
的属性:
-
custom
: 自定义风格 -
system
: 系统默认button -
detailDisclosure
: 带有圆圈,圆圈中有叹号,一般用于当前列表项的详情。 -
infoLight
: 样式同上,一般用于简短的说明 -
infoDark
: 样式同上,一般用于简短的说明 -
contactAdd
: 带有圆圈,圆圈中有加号,一般用于添加相关
button.frame = CGRect(x: 100, y: 100, width: 100, height: 100)
view.addSubview(button)
设置坐标,添加到父视图上
2. 设置样式
// 设置背景图片
button.setBackgroundImage(UIImage(named:""), for: .normal)
// 设置背景颜色
button.backgroundColor = UIColor.green
c. 设置背景图片和背景颜色,.normal
是结构体UIControlState的属性:
-
normal
:代表按钮的默认状态 -
highlighted
:代表按钮的高亮状态 -
disabled
:代表按钮禁用后的状态 -
selected
:代表按钮的选中时的状态 -
focused
:只有当屏幕支持焦点时才适用 -
application
: 用于应用程序的额外标志 -
reserved
: 为内部框架使用而预留(不用管它)
// 设置标题(默认状态下)
button.setTitle("this is a button", for: .normal)
// 设置标题(高亮状态)
button.setTitle("hightlight button", for: .highlighted)
// 设置标题字体颜色(默认状态)
button.setTitleColor(UIColor.white, for: .normal)
// 设置标题字体颜色(高亮状态)
button.setTitleColor(UIColor.red, for: .highlighted)
// 设置标题文字大小和字体
button.titleLabel?.font = UIFont.systemFont(ofSize: 15)
d. 常用的设置标题的方法,默认状态下和高亮状态下,标题的颜色和文本呈现不同。
// 设置图片(默认状态)
button.setImage(UIImage(named:""), for: .normal)
// 设置图片(选中状态)
button.setImage(UIImage(named:""), for: .selected)
e. 设置图片,选中状态和默认状态呈现图片不同。
// 设置图片在button中位置
button.imageEdgeInsets = UIEdgeInsets(top: 5, left: 5, bottom: 20, right: 5)
// 设置文字在button中位置
button.titleEdgeInsets = UIEdgeInsets(top: 80, left: 5, bottom: 0, right: 5)
f. 设置图片和文字在button中的位置,UIEdgeInsets是一个结构体:有四个属性top、left、bottom、right
。
button.adjustsImageWhenDisabled = false
button.adjustsImageWhenHighlighted = false
g. 按钮在高亮状态和禁用状态时,在这两个属性都被设置为true的情况下,如果没有设置这两种状态对应的图片,系统会把默认状态的图片变暗一些,用于区分高亮状态和普通状态。
button.tintColor = UIColor.yellow
h. 如果UIButton是custom属性的话,并不会从父类中继承tintColor,tintColor默认是蓝色,UIButton受到tintColor影响的只有title和image,但如果修改了textColor,那么tintColor就不起作用了。
3. 添加方法
button.addTarget(self, action: #selector(buttonClick), for: .touchUpInside)
func buttonClick() {
print("This is a button~")
}
i. 添加方法,touchUpInside
是结构体UIControlEvents的属性,在Swift(十五)控件UIControl中已经说过了,这个方法的作用是:当点击按钮时,由第一个参数设置的target执行第二个参数设置的方法action。
网友评论