共用方式為


Power Apps 中的水平容器控制

水平容器控制項會決定子元件的位置,因此您永遠不需要為容器內的元件設定 X、Y。

Description

水平 容器控制項會根據設定將可用空間分配給其子元件,並決定子元件的對齊方式。

屬性

BorderColor – 控制項框線的色彩。

BorderStyle – 控制項的框線是 SolidDashedDoted 還是 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

  1. 建立具有平板電腦版面配置的空白畫布應用程式

  2. 選取 [檔案>設定]> [螢幕大小 + 方向],然後停用 [縮放以適合]、[鎖定外觀比例][鎖定方向],然後選取 [套用]。

  3. 現在,從左側邊欄的 插入 窗格,在 版面配置 標籤下,選取 水平容器。

    插入容器。

  4. 設定下列屬性以佔用螢幕的完整可用空間:

    1. X = 0
    2. Y= 0
    3. 寬度 = Parent.Width
    4. 高度 = 父項。 高度
  5. 新增一些按鈕、文字輸入、媒體、圖示,然後選取 F5 以查看應用程式如何調整以適應螢幕變更。