組件布局詳解 -- 表單布局

表單布局是6.0新發(fā)布的布局方式。如下圖:


圖片.png

以往我們使用的是表格布局,表格布局在列的方向上可以均分,但對于行的方向上無法均分。
而上圖已經(jīng)使用了表單布局,確保在行上進行了均分。

表單布局是另一種更為靈活的布局方式:
上圖的布局配置如下:


圖片.png
圖片.png

圖上的序號按順序?qū)俗髠鹊慕M件(先記住,后面要用)

接下來看組件如何設置:


圖片.png

表單布局欄目中可以設置 上下左右的相對位置以及寬度和高度。
如果空白,就表示這個參數(shù)不設置。
相對位置有兩種表示法,一種是直接寫數(shù)字,這個數(shù)字表示左側組件的序號(從0開始,如上文記住的要點)。
另一種是寫相對軸線長度的百分比。方向是從左到右,從上到下

例如:第一個組件
頂相對:0%,表示這個組件頂邊距離頂點在y軸方向0%
左相對:0%,表示這個組件左邊距離頂點在x軸方向0%
右相對:33%,表示這個組件右邊距離頂點在x軸方向33%
底相對:33%,表示這個組件底邊距離頂點在y軸方向33%
這時,4邊確定,布局確定,無需定義寬度和高度。

接下來看第二個組件

圖片.png

頂相對:0%,表示這個組件頂邊距離頂點在y軸方向0%
左相對:0,表示這個組件的左邊緊貼index為0的組件右邊。index為0,就是上圖的項目基本指標(小組件).assy。
右相對:100%,表示這個組件右邊距離頂點在x軸方向100%,就是用完x軸的剩下空間。
底相對:66%,表示這個組件底邊距離頂點在y軸方向66%

可能大家要問,實際上這些組件并沒有緊貼啊。這是是因為上文我們在布局上就已經(jīng)規(guī)定了每個控件之間的間距。

以上就是有關Form布局的使用方法。

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容