一汉柒,設(shè)置Button與Cell寬度的比例
在xib界面,創(chuàng)建Button责鳍,按住control鍵碾褂,同時(shí)鼠標(biāo)按住button視圖,并拖到cell視圖界面上历葛。會(huì)出現(xiàn)如下界面
出現(xiàn)如上對(duì)話框后正塌,點(diǎn)擊Equal Widths
出現(xiàn)如上界面后,點(diǎn)擊紅色帶數(shù)字的線
界面右側(cè)切換成如上圖界面,可以開始操作了
Multiplier的value控制:與cell寬度的比例传货,Constant的value控制:在比例的基礎(chǔ)上增減長(zhǎng)度
二屎鳍、設(shè)置Button的高寬比
按住control鍵宏娄,同時(shí)鼠標(biāo)按住Button问裕,拖到Button上,出現(xiàn)如下界面孵坚。
點(diǎn)擊Aspect Ratio
會(huì)發(fā)現(xiàn)Button下面粮宛、右側(cè)各多出現(xiàn)一根紅線,點(diǎn)擊任意一根
Multiplier的value控制:高度卖宠、寬度的比例巍杈,Constant的value控制:在比例的基礎(chǔ)上增減長(zhǎng)度
比例設(shè)為1:1,高扛伍、寬相等
三筷畦、設(shè)置Button與Cell的約束
選中Button,點(diǎn)擊pin按鈕刺洒,出現(xiàn)如上界面
上約束鳖宾,與左約束設(shè)為8,添加約束
到此逆航,Button的Frame就能根據(jù)Cell的寬度自適應(yīng)了
按住option和command鍵鼎文,點(diǎn)擊=/+鍵,出現(xiàn)如下界面就表示成功了
在添加一個(gè)Button
同理因俐,或者用用其它方法拇惋,比如等寬、等高抹剩、水平對(duì)齊撑帖、垂直對(duì)齊,再添加一個(gè)Button澳眷,完成圖如下
四磷仰、添加網(wǎng)絡(luò)圖片
1、設(shè)置Cell
首先設(shè)置兩個(gè)Button的類型境蔼,默認(rèn)的System類型無法添加圖片灶平,如下圖
Type的value設(shè)置為Custem(自定義的)
如圖
將兩個(gè)Button托成屬性
Cell的設(shè)置到此完成
2.添加第三方框架SDWebImage
拷貝代碼
在.m文件里添加頭文件
3,實(shí)現(xiàn)代碼
ok