共用方式為


Power Apps 中的畫面控制項

包含應用程式中的一或多個其他控制項的 UI 元素。

描述

大部分應用程式有多個畫面控制項,包含 標籤控制項、按鈕控制項和其他控制項顯示資料並且支援導覽。 如需新增畫面控制項、重新排序畫面控制項及設定導覽的資訊,請檢閱新增畫面控制項

主要屬性

BackgroundImage – 出現在畫面背景中的圖像檔案名稱。

Fill – 控制項背景的色彩。

其他屬性

Height - Screen 控制項的高度。 如果應用程式迅速回應 (Scale to fit關閉),且應用程式正在執行的裝置比此屬性短,畫面控制項可以垂直捲動。

ImagePosition – Screen 控制項中圖像的位置 (FillFitStretchTileCenter) 或者如果它的大小與圖像不同,控制項中圖像的位置。

LoadingSpinner (NoneControlsData) - 當無時,將不會顯示微調器。 當控制項 |資料,直到畫面層級的所有子控制項都看得見時,才會顯示微調框。 請注意。 不考慮嵌套控制項。

LoadingSpinnerColor - 載入微調框的填充色彩。

Name - 畫面控制項的名稱。

OnHidden – 當使用者瀏覽離開畫面控制項時,應用程式的行為。 如果在應用程式設定中啟用了停用非封鎖 App.OnStart 規則,則此屬性可能需要等到 App.OnStart 執行完成。 預設會開啟此設定。

OnVisible – 當使用者瀏覽至畫面控制項時,應用程式的行為。 您可以使用此屬性設定變數,並預先載入畫面控制項使用的資料。 在應用程式啟動時,請使用 App.OnStart 屬性進行設定。 如果啟用非封鎖 App.OnStart,則 Screen.OnVisible 事件可以與其並行運作。 因此,建議不要依賴 App.OnStart 初始化的變數或集合,因為它們可能未完全初始化。

Orientation - 畫面控制項的方向。 如果其 Width 大於其 Height,方向會是 Layout.Horizontal;否則將是 Layout.Vertical

Size -一個分類畫面控制項大小的正值整數。 將畫面的 Width 屬性與 App.SizeBreakpoints 屬性中的值進行比較,可判定該分類。 ScreenSize 類型包含對應整數 1 到 4 的四個值 (SmallMediumLargeExtraLarge)。

Width - 畫面控制項的寬度。 如果應用程式迅速回應 (Scale to fit關閉),且應用程式正在執行的裝置比此屬性窄, Screen 控制項可以水平捲動。

Distinct( DataSource, ColumnName )

範例

  1. 新增單選控制項,將其命名為 ScreenFills,然後將其 Items 屬性設定為此值:

    ["Red", "Green"]

    不知道如何 新增、命名和設定控制項 嗎?

  2. 將預設畫面控制項命名為 Source,新增另一個畫面控制項,並將它命名為 Target

  3. Source 中,新增圖形控制項 (例如箭頭),並將其 OnSelect 屬性設定為以下公式:

    Navigate(Target, ScreenTransition.Fade)

    想要了解 Navigate 函數或 other functions 的詳細資訊嗎?

  4. Target 中,新增圖形控制項 (例如箭頭),並將其 OnSelect 屬性設定為以下公式:

    Navigate(Source, ScreenTransition.Fade)

  5. TargetFill 屬性設定為以下公式:

    If("Red" in ScreenFills.Selected.Value, RGBA(255, 0, 0, 1), RGBA(54, 176, 75, 1))

  6. 選取 Source 畫面控制項,然後在按住 ALT 鍵的同時,選取單選控制項中的任一選項,然後選取圖形控制項。

    Target 會顯示您選取的色彩。

  7. Target 上,選取圖形控制項返回 Source

  8. (非必要) 選取單選控制項中的其他選項,然後選取圖形控制項確認 Target 顯示其他色彩。

  9. (非必要) 將畫面懸停在左導覽列中的 Target 上,選取顯示的刪節號,然後選取 Move up 重新排序畫面控制項。

    當使用者開啟應用程式時,Target 會先出現。

協助工具指南

色彩對比

Screen 是有效的文字背景時,以下項目之間必須有足夠的色彩對比:

例如,如果 Screen 包含 標籤,且標籤有透明的 Fill 設定,則畫面的 Fill 會有效地成為標籤的背景色彩。

除了 Text 以外,請考慮檢查基本圖形物件 (例如在評分控制項中的星形圖像) 的色彩對比。

螢幕助讀程式支援

  • 每個 Screen 都必須有意義的名稱。 檢視和編輯畫面名稱的方式與其他控制項相同:在控制項窗格的樹狀檢視中或屬性窗格的標題中。

    注意

    當載入新的 Screen 時,螢幕助讀程式將會宣告它的名稱。