共用方式為


在畫布應用程式中使用現代主題

現代主題是預先建立的樣式集,可以改變應用程式的外觀。 這些主題基於 Microsoft Fluent 設計語言,修改了各種樣式方面,例如顏色、排版、邊框和陰影,確保了視覺上令人愉悅的介面。

現代主題簡化了客製化過程,使撰寫者能夠輕鬆設計具有統一且一致的視覺吸引力的應用程式。

必要條件

在 Power Apps 應用程式的設定中啟用現代主題功能:

  1. 打開您的應用程式或建立一個新應用程式。
  2. 在您的應用程式中,從應用程式撰寫功能表或現代命令列開啟設定
  3. 前往更新>新增>現代控制項和主題
  4. 現代控制項和主題切換開關設定為開啟
  5. 關閉設定彈出視窗。

有關詳細資訊,請參閱為您的應用程式啟用現代控制項和主題

注意

啟用現代控制項和主題後,您無法從命令列中選擇經典主題。 若要使用已淘汰的經典主題,請前往設定更新已淘汰索引標籤上的保留經典主題,並將其切換為開啟

建立佈景主題

有幾個開箱即用的主題可用於設計您的應用程式。 您還可以設計自己的主題以獲得更個人化的視覺美感。

  1. 在應用程式撰寫功能表上,選擇主題圖示主題

  2. 主題窗格上,選取新增主題

    顯示「新增主題」選擇器位置的螢幕擷取畫面。

    將出現建立主題對話方塊。

    顯示建立主題使用者介面的螢幕擷取畫面。

  3. 建立主題對話方塊中,選擇或輸入以下資訊:

    特點 動作或描述
    原色 (種子) 顏色 從色彩選擇器選取色彩。 您也可以手動輸入十六進位或 RGB。
    鎖定原色 (預覽版) 16 槽主題調色板是使用種子顏色產生的。
    - 關閉:16 插槽調色板針對可存取性進行了最佳化。 關閉是預設選項。
    - 開啟:種子顏色放置在調色板的主要 (中間) 插槽。 其餘顏色是透過使一側的顏色逐漸變淺而另一側的顏色逐漸變深來產生的。 產生的調色板可能不滿足對比度可存取性要求。
    主題名稱 輸入唯一的主題名稱。
    Font 選擇應用程式中的控制項所使用的預設字型。
    扭轉度 影響調色板的色調、陰影或色階。 如果您選擇鎖定原色,則扭轉不適用。
    明豔度 影響調色板的靜音或亮度。 如果您選擇鎖定原色,則鮮豔度不適用。
    預覽版 (可選) 查看新主題的靜態預覽。 您可以與樣本控制項互動,以查看如何將主題套用到靜止狀態和各種互動狀態。 顯示建立或編輯主題時窗格的預覽部分的螢幕擷取畫面。
  4. 選取建立

您的新主題已建立並套用到您的應用程式。

套用新式主題

  1. 在應用程式撰寫功能表上,選擇主題圖示主題
  2. 主題窗格上,選取一個預設主題。
  3. 如果您的應用程式中有經典控制項,系統會提示您將現代主題套用到這些控制項。 如果您不喜歡該主題,您可以隨時從命令列中選擇復原

    注意

    當您選擇將現代主題套用至經典控制項時,Power Fx 公式將根據參考現代主題變數的受影響控制項的屬性上設定公式。 從視覺上看,經典控制可能與現代控制項不完全一致,因為經典控制並非基於 Fluent v9。

選擇新式主題後,主題的樣式將自動套用到應用程式中的控制項。 此動作會設定 App.Theme 屬性。

編輯主題

您可以編輯主題並變更自訂主題的一或多個參數。

  1. 在應用程式撰寫功能表上,選擇主題圖示主題

  2. 主題窗格中,找到要編輯的主題磁貼,然後選擇溢出功能表,然後選擇編輯

    顯示省略號點位置的螢幕擷取畫面,您可以在其中選擇「編輯」。

  3. 編輯主題窗格上,根據需要調整主題。

  4. 從對話方塊中選擇儲存或取消。

注意

您無法編輯開箱即用的主題。

刪除主題

如果您決定不再需要應用程式中的自訂主題,可以將其刪除。

  1. 在應用程式撰寫功能表上,選擇主題圖示主題
  2. 主題窗格中,找到要編輯的主題,選擇溢出功能表,然後選擇刪除
  3. 在確認對話方塊上,選取刪除主題

如果您有任何 Power Fx 公式在應用程式中引用此主題,則需要手動更新公式。

注意

您無法刪除開箱即用的主題。

透過 Power Fx 使用主題

製作者可以透過 Power Fx 使用新式主題物件。 目前活動的主題物件可以透過 App.Theme 參考。 載入到應用程式中的任何主題都可以透過其執行個體名稱來參考,例如 RedTheme。 我們建議您使用 App.Theme 來引用主題物件,以確保色彩選擇適應主題變更。

每個主題物件都包含下列資訊:

  • 主題名稱
  • 顏色,一個 16 色品牌坡道系列,可透過名稱單獨存取;主要前景色是預設文字顏色,例如背景上文字的顏色
  • 主題中使用的字型

圖像顯示色彩集合中的槽變數,以及作為範例之 Steel 主題的相對應色彩。

顯示鋼鐵主題的老虎機變數和 16 部分顏色品牌漸變的螢幕擷取畫面。

使用主題品牌漸變,您可以根據目前的現代主題手動設定經典控制的樣式,例如 Button.Fill = App.Theme.Colors.Primary

注意

若要提供意見反應,請參閱:將您的意見反應提供給 Microsoft

另請參閱

新式控制項部落格文章
將現代主題與 Power Apps 結合使用 (影片)