UIStackView是iOS9的一個新特性猎拨,特別好用膀藐。就根據(jù)我上課學(xué)的案例,來展示一下红省。就不過多介紹了额各,直接上案例,自己體會吧恃。
一虾啦、創(chuàng)建項目,導(dǎo)入素材
創(chuàng)建項目-導(dǎo)入素材
二蚜枢、搭建UI界面
搭建UI界面
二缸逃、將所需控件添加到UIStackView中
-
單個增加
步驟① -
組合
組合 -
填充
填充 -
效果展示
效果展示
三针饥、調(diào)整-StackView中的控件
-
使StackView中的按鈕等寬
使stackView中的按鈕等寬 -
效果展示
效果展示
四厂抽、設(shè)置約束,解決報錯
-
為了解決約束報錯,設(shè)置整體UIStackView的約束上(0)丁眼、下(20)筷凤,左(20)、右(20)苞七,內(nèi)部間距設(shè)置為20藐守,按鈕的高度約束調(diào)整為44,帶星星的圖片高度約束設(shè)置為44蹂风,其中圖片卢厂,設(shè)置為view->Mode->Aspecified,頂部lable寬度約束設(shè)置為20,設(shè)置完之后運行惠啄。
設(shè)置約束慎恒,解決報錯
運行效果:
界面展示
四任内、增加按鈕點擊事件
增加按鈕點擊事件
-
點擊事件的實現(xiàn)
點擊事件的實現(xiàn) -
多次點擊,只出現(xiàn)一個圖片是因為:圖片重疊在了一塊
圖片重疊
五、解決圖片重疊問題融柬,和適配星星圖片大小死嗦。
-
注意底部容器內(nèi)部控件的排序和圖片的比例適配
解決圖片重疊問題 -
調(diào)整排序方式
圖片的調(diào)整 -
解決只能出現(xiàn)3個圖片(排列滿了就添加不進(jìn)去了)
解決只能出現(xiàn)3個圖片 -
展示效果
展示效果
六、設(shè)置撤銷按鈕粒氧。
-
利用這個撤銷越除,只是把控件的約束撤銷掉了,而沒把控件撤掉
設(shè)置撤銷按鈕 -
完善收尾
移除-完善收尾
到此結(jié)束外盯。