一,设置Button与Cell宽度的比例
在xib界面,创建Button,按住control键,同时鼠标按住button视图,并拖到cell视图界面上。会出现如下界面
出现如上对话框后,点击Equal Widths
出现如上界面后,点击红色带数字的线
界面右侧切换成如上图界面,可以开始操作了
Multiplier的value控制:与cell宽度的比例,Constant的value控制:在比例的基础上增减长度
二、设置Button的高宽比
按住control键,同时鼠标按住Button,拖到Button上,出现如下界面。
点击Aspect Ratio
会发现Button下面、右侧各多出现一根红线,点击任意一根
Multiplier的value控制:高度、宽度的比例,Constant的value控制:在比例的基础上增减长度
比例设为1:1,高、宽相等
三、设置Button与Cell的约束
选中Button,点击pin按钮,出现如上界面
上约束,与左约束设为8,添加约束
到此,Button的Frame就能根据Cell的宽度自适应了
按住option和command键,点击=/+键,出现如下界面就表示成功了
在添加一个Button
同理,或者用用其它方法,比如等宽、等高、水平对齐、垂直对齐,再添加一个Button,完成图如下
四、添加网络图片
1、设置Cell
首先设置两个Button的类型,默认的System类型无法添加图片,如下图
Type的value设置为Custem(自定义的)
如图
将两个Button托成属性
Cell的设置到此完成
2.添加第三方框架SDWebImage
拷贝代码
在.m文件里添加头文件
3,实现代码
ok