05-按钮的基本使用.pptx

按钮的基本使用
iOS学科
什么是按钮
UIKit框架提供了非常多的UI控件,但并不是每一个都很常用,有些控件可能1年内都用不上,有些控件天天用,比如UIButton、UILabel、UIImageView、UITableView等等
现在就先来学习非常重要且比较基础的一个UI控件---UIButton,俗称“按钮”
一般情况下,点击某个控件后,会做出相应反应的都是按钮
按钮的功能比较多,既能显示文字,又能显示图片,还能随时调整内部图片和文字的位置
小案例
接下来通过一个小案例来研究按钮的基本使用
功能分析
左下角4个方向按钮,控制头像按钮的位置
右下角分别是放大、缩小按钮,控制头像的尺寸
头像按钮既有背景图片,又有文字
步骤分析
搭建UI界面
监听按钮点击
修改头像按钮的属性来调整位置和尺寸
掌握
使用代码创建、添加控件
分别通过 storyboard 和代码设置按钮在不同状态的背景、文字、文字颜色
分别通过 storyboard 和代码监听按钮点击
修改控件的位置和尺寸
制作简单的动画效果
掌握frame、center、bounds、transform的使用
作业
使用纯代码的方式重写关于按钮使用的小案例(不要拖控件)
添加图片资源
从Xcode5开始,

修改控件的尺寸
下图是在设置控件的尺寸为35x35
去除autolayout
如果发现通过代码无法修改控件的位置或者尺寸时,应该去掉storyboard里面的autolayout功能,这是自iOS6开始出现的特性
顾名思义,autolayout是用来自动布局的,用来束缚控件的位置和尺寸。去掉这个功能,控件的位置和尺寸就不再有一些固定的束缚。
UIButton的状态
normal(普通状态)
默认情况(Default)
对应的枚举常量:UIControlStateNormal
highlighted(高亮状态)
按钮被按下去的时候(手指还未松开)
对应的枚举常量:UIControlStateHighlighted
disabled(失效状态,不可用状态)
如果enabled属性为NO,就是处于disable状态,代表按钮不可以被点击
对应的枚举常量:UIControlStateDisabled
设置按钮的背景图片
设置按钮在不同状态下的背景图片
(为了保证高亮状态下的图片正常显示,必须设置按钮的type为custom)