AutoLayout用法(一)

今天介紹下用AutoLauout實現(xiàn)等距約束。

先看下效果圖

nihao
nihao

創(chuàng)建一個帶view的xib文件

在Attibute inspector 設置status bar為none ,size 為freeform 這里我只考慮豎屏,所以size classes我們選擇 (高度設置成100吧)

//適配所有iphone豎屏
w:compact h:regular

創(chuàng)建我們需要4個UIButton和5個UIView(輔助視圖,就是button之間的間距)

其中按鈕我們是正方形w:75 ,這里需要等寬等高(寬和高都為75,定值),當屏幕變化的時候,不能改變按鈕的大小,輔助view呢,為了滿足按鈕間的間距相等,所以五個view呢我們希望他們左右的約束為0,寬度始終相同。

給按鈕添加約束

按鈕等寬等高
按鈕等寬等高

給view設置等寬,再加一個高度

給view設置等寬
給view設置等寬

讓他們的上下邊距相等,左右邊距為0

邊距相等
邊距相等

最后在preview中查看個尺寸的效果

preview
preview

7.效果出來后就把view設置成透明即可。

關于Size classes 和 AutoLayout 可以查考

  1. Size classes自悟 http://www.cocoachina.com/ios/20141217/10669.html
  2. Working with Constraints in Interface Builder https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/AutolayoutPG/WorkingwithConstraints/WorkingwithConstraints.html
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容