目錄
- 3.鏈式約束
- 4.輔助線
3.鏈式約束
如果兩個或以上控件通過下圖的方式約束在一起,就可以認為是他們是一條鏈(如圖5為橫向的鏈,縱向同理)。
圖5 鏈示意圖
如圖5所示,在預覽圖中選擇需要成鏈的控件,單擊右鍵,選擇Chains->Create Horizontal Chain,即可將這幾個被選中的控件構成一條水平鏈。若需要構成垂直鏈,則選擇Create Vertical Chain。
圖6 鏈約束操作圖
鏈有3種樣式,可以通過右鍵Chains-> Horizontal Chain Style來設置,如圖7所示,這3種樣式分別是:
? spread:展開元素(默認),如圖5所示。
? spread inside:展開元素,但鏈的兩端貼近parent,如圖8所示。
? packed:鏈的元素將被打包在一起,如圖9所示。
可以通過右鍵選擇Chains->Horizontal Chain Style來選擇鏈的樣式。
圖7 鏈約束操作圖
圖8 spread inside樣式
圖9 packed樣式
4.輔助線
輔助線(Guildline)可以在界面設計時幫助完成布局,但在界面運行時不會顯示在界面上。輔助線有垂直線Vertical Guideline和水平線Horizontal Guideline,可以通過單擊Design視圖的
來添加。
如圖10所示為一條水平輔助線,通過單擊
可以切換輔助線的位置參照物,為提高UI界面的適配性,建議將輔助線位置參照物設為百分比。例如,如圖11所示,將該水平線的位置設置為22%的位置處。
圖10 水平輔助線示意圖
圖11 百分比水平輔助線示意圖