最終效果

實(shí)現(xiàn)效果

IB中實(shí)現(xiàn)

組成部分

其實(shí)，要讓三個(gè)button三等分，那么一定要找一個(gè)view作為參考，所以我在底部加了一個(gè)bottomLine（距離左邊0，距離右邊40，距離底部0，高度為1），重要的是，我設(shè)置為隱藏。那么，分別讓每個(gè)button等于bottomLine的三分之一，那么就等分了。

三分之一的約束

當(dāng)然，三分之一的約束只是約束了每一個(gè)button的寬度，位置、高度，還要另外針對(duì)每一個(gè)設(shè)置，比如最左邊的上架時(shí)間（約束：距離左邊0，距離頂部0，距離底部0），其它同理之。

最后，三條豎線，位置分別距離左邊button為0，頂部、底部留距離，寬度設(shè)置為1，設(shè)置一個(gè)灰色背影就行。

三條豎線約束

用代碼實(shí)現(xiàn)約束

有了上面的思路，用代碼實(shí)現(xiàn)應(yīng)該也是一樣的，用Masonry來(lái)寫約束吧，代碼就不寫了（Swift還在學(xué)，不敢教）。

• 如果有什么疑問(wèn)，可以在評(píng)論區(qū)一起討論；
• 如果有什么不正確的地方，歡迎指導(dǎo)！

注：本文首發(fā)于 iHTCboy's blog，如若轉(zhuǎn)載，請(qǐng)注明來(lái)源。