Power Apps 中的圖形和圖示 控制項
您可以設定外觀和行為屬性的圖形。
描述
這些控制項包括您可設定屬性 (例如填色、大小和位置) 的箭頭、幾何圖形、動作圖示和符號。 您也可以設定其 OnSelect 屬性,讓應用程式在使用者選取控制項時進行回應。
主要屬性 (圖示與圖形)
Fill – 控制項背景的色彩。
OnSelect – 在使用者選擇控制項時,要執行的動作。
主要屬性 (限圖示)
Icon - 要顯示的圖示類型 (例如,ArrowDown 或 ShoppingCart)。
Rotation - 要旋轉圖示的度數。
Color - 以名稱或 RGBA 值為圖示的顏色。
其他屬性
AccessibleLabel – 螢幕報讀軟體的標籤。
DisplayMode – 控制項是否允許使用者輸入 (Edit)、只顯示資料 (View) 或者已停用 (Disabled)。
FocusedBorderColor – 當控制項為焦點時的控制項框線色彩。
FocusedBorderThickness – 當控制項為焦點時的控制項框線粗細。
Height – 控制項的頂端和底部邊緣之間的距離。
HoverFill – 使用者將滑鼠游標停留在控制項上時,該控制項背景所呈現的色彩。
PressedBorderColor – 使用者選取控制項時,該控制項框線所呈現的色彩。
PressedFill – 使用者選取控制項時,該控制項背景所呈現的色彩。
TabIndex – 相對於其他控制項的鍵盤導覽順序。
Visible – 控制項顯示或隱藏。
Width – 控制項左邊緣與右邊緣之間的距離。
X – 控制項左邊緣與其父容器 (沒有父容器時則為螢幕) 左邊緣之間的距離。
Y – 控制項頂部邊緣與其父容器 (沒有父容器時則為螢幕) 頂部邊緣之間的距離。
相關函數
Navigate( ScreenName, ScreenTransition )
範例
將預設**畫面** 控制項命名為 Target,並新增**標籤** 控制項,然後設定其**Text** 屬性顯示 Target。
不知道如何 新增和設定控制項 嗎?
新增**畫面** 控制項,並將其命名為 Source。
在 Source 中,新增圖形控制項,並將其 OnSelect 屬性設定為以下公式:
Navigate(Target, ScreenTransition.Fade)
按 F5,然後選取圖形控制項。
Target 畫面隨即出現。
(非必要) 按 Esc 鍵返回預設工作區,並將圖形控制項新增至 Target,然後將圖形控制項的 OnSelect 屬性設定為以下公式:
Navigate(Source, ScreenTransition.Fade)
協助工具指南
色彩對比
以下僅適用於作為按鈕或不僅用於裝飾的圖形。
若為圖示:
如果是有框線的圖形:
- BorderColor 與控制項之外的色彩
- FocusedBorderColor 與控制項之外的色彩 (如果作為按鈕)
如果是沒有框線的圖形:
- Fill 與控制項之外的色彩
- PressedFill 與控制項之外的色彩 (如果作為按鈕)
- HoverFill 與控制項之外的色彩 (如果作為按鈕)
螢幕-助讀程式支援
AccessibleLabel 必須為重要圖形設定。
如果圖形是用於裝飾或提供備援資訊,請將 AccessibleLabel 保留空白,或將其設定為空白字串 ""。 螢幕助讀程式將忽略這些圖形。
例如,您可以將鎖定圖示放在**標籤** 旁邊,上面寫著此資料表無法修改。 圖示不需要 AccessibleLabel,因為標籤已說明其含義。
重要
當 TabIndex 為零或大於零時,圖示或圖形會成為按鈕。 其外觀並不會改變,但螢幕助讀程式會將它視為按鈕。 即使 AccessibleLabel 為空白,也不會忽略控制項。 當 TabIndex 小於零時,螢幕助讀程式會將圖示或圖形視為圖像。
鍵盤支援
如果圖形作為按鈕,則 TabIndex 必須是零或大於零。 然後鍵盤使用者可以瀏覽至它。
如果圖形作為按鈕,焦點指標必須清晰可見。 使用 FocusedBorderColor 和 FocusedBorderThickness 達成此結果。