一，设置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
网友评论