Swift(十六)UIButton

更新:2018.05.24

整理了一下demo:SwiftDemo


  • 在APP中,UIButton可以说是随处可见,UIButton继承自UIControlUIControl又继承自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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,509评论 6 504
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,806评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,875评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,441评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,488评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,365评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,190评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,062评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,500评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,706评论 3 335
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,834评论 1 347
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,559评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,167评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,779评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,912评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,958评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,779评论 2 354

推荐阅读更多精彩内容

  • 对象继承关系 UIButton 类本身定义继承 UIControl ,描述了在 iOS 上所有用户界面控件的常见基...
    独木舟的木阅读 3,736评论 0 3
  • 一个UIButton的实例变量, 使一个按钮(button)在触摸屏上生效。一个按钮监听触摸事件,当被点击时,给目...
    wushuputi阅读 1,502评论 0 1
  • 版本 Xcode 9.1 继承关系:UIButton : UIControl : UIView : UIRespo...
    看影成痴阅读 4,903评论 0 5
  • UIButton的官方文档https://developer.apple.com/reference/uikit/...
    阿斯兰iOS阅读 906评论 0 0
  • 最近天气不错,小伙伴们准备外出写生。但到底要带哪些东西呢? 那今天乔子给大家整理下。 说明: 喜欢简单轻松一点的童...
    画师乔子阅读 3,714评论 1 1