利用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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容