水平容器控制項會決定子元件的位置,因此您永遠不需要為容器內的元件設定 X、Y。
Description
水平 容器控制項會根據設定將可用空間分配給其子元件,並決定子元件的對齊方式。
屬性
BorderColor – 控制項框線的色彩。
BorderStyle – 控制項的框線是 Solid、 Dashed、 Doted 還是 None。
BorderThickness — 控制項邊框的粗細。
色彩 - 容器控制項的色彩。
投影 - 在控制項周圍新增陰影效果。
填滿 – 控制項的背景色彩。
高度 – 控制項頂部和底部邊緣之間的距離。
方向 - 定義容器配置其子元件的方向。 水平 和 垂直。
對齊 (垂直) - 定義子元素如何與主軸對齊。 開始、 結束、 中心、 之間的空間。
對齊 (水平) - 定義子元件在容器中的位置,在離軸 (與 LayoutDirection相反)。
開始、 中心、 結束、 伸展。
間隙 — 以像素為單位定義容器子元件之間的空間。
水平溢位 - 定義容器在太大而無法容納時是否顯示捲軸或移除內容。 捲動 並 隱藏。
RadiusBottomLeft -控制項左下角的圓角程度。
RadiusBottomRight – 控制項右下角的圓角程度。
RadiusTopLeft – 控制項左上角的圓角程度。
RadiusTopRight – 控制項右上角的圓角程度。
垂直溢位 - 定義容器在太大而無法容納時是否顯示捲軸或移除內容。 捲動 並 隱藏。
換行 - 定義內容在無法容納時是否換行至新的列或欄。
在容器中對齊 — 定義個別元件如何與父元件對齊。 預設值 Set by container 會繼承父屬性 LayoutAlignItems 的值,而其他屬性可用來自訂個別子元件的對齊方式。 依容器、開始、結束、中心和拉伸進行設定。
填滿部分 - 定義當指派給其父系的更多螢幕空間時,個別元件的成長方式。 此數字代表其父系的子系所要求的所有可用額外空間中,提供給元件的額外空間部分。 例如,如果子項 A 已 Fill portions 設定為 1,而子項 B 已 Fill portions 設定為 2,則子項 A 會取得 1/3 的額外可用空間,而子項 B 會取得額外可用空間的 2/3。
最小寬度 — 代表元件在 方向 Fill portions 上的最小大小 (亦即父項的 Direction)。
PaddingBottom – 控制項中的文字與該控制項底部邊緣之間的距離。
PaddingLeft – 控制項中文字與該控制項左邊緣之間的距離。
PaddingRight – 控制項中的文字與該控制項右邊緣之間的距離。
PaddingTop – 控制項中的文字與該控制項的上邊緣之間的距離。
可見 — 控制項是否顯示或隱藏。
寬度 – 控制項的左右邊緣之間的距離。
X – 控制項的左邊緣與其父容器的左邊緣之間的距離 (如果沒有父容器,則為螢幕)。
Y – 控制項的頂端邊緣與父容器的頂端邊緣之間的距離 (如果沒有父容器,則為螢幕)。
Example
建立具有平板電腦版面配置的空白畫布應用程式。
選取 [檔案>設定]> [螢幕大小 + 方向],然後停用 [縮放以適合]、[鎖定外觀比例] 和 [鎖定方向],然後選取 [套用]。
現在,從左側邊欄的 插入 窗格,在 版面配置 標籤下,選取 水平容器。
設定下列屬性以佔用螢幕的完整可用空間:
- X = 0
- Y= 0
- 寬度 = Parent.Width
- 高度 = 父項。 高度
新增一些按鈕、文字輸入、媒體、圖示,然後選取 F5 以查看應用程式如何調整以適應螢幕變更。