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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

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

友情链接更多精彩内容