利用xib创建button，Frame自适应，并添加网络图片

一，设置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