共用方式為


在畫布應用程式中使用新式主題 (預覽版)

[本文章是發行前版本文件,且隨時可能會變更。]

新式主題是預先建立的樣式集,可以改變應用程式的外觀。 這些主題根據 Microsoft 的 Fluent 設計語言,修改了各種樣式層面,例如色彩、排版、邊框和陰影,能確保有個視覺上令人愉悅且一致的介面。 新式主題簡化了自訂過程,使建立者能夠毫不費力地設計具有統一和一致視覺吸引力的應用程式。

重要

  • 這是預覽功能。
  • 預覽功能不供生產時使用,而且可能功能受限。 這些功能是在正式發行前先行推出,讓客戶能夠搶先體驗並提供意見反應。

先決條件

若要使用新式主題,您需要啟用它。 其他資訊,請參閱 啟用應用程式的新式控制項與主題

注意

當新式控制項與主題都已啟用時,您將無法從命令列選取經典主題。 若要使用已汰除的經典主題,您需要啟用保持已汰除的經典主題應用程式設定。

建立佈景主題

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

  1. 在應用程式製作功能表上,選取 > 主題圖示 主題
  2. 主題窗格上,選取新增主題
  3. 建立主題對話方塊中,輸入下列資訊:
    • 主題名稱:主題名稱必須是唯一的。
    • 字體:選擇套用主題時,應用程式中的控制項將使用的預設字體。
    • 種子色彩:選取要根據主題的色彩,或手動輸入色彩的十六進位或 RGB 表示形式。 系統會產生一個 16 槽調色盤,該調色盤針對協助工具進行了最佳化。
    • 色相/鮮豔 度:調整 生成調色板,尤其是較淺的顏色,使用 色相鮮豔 度滑塊。 色相 會影響色深, 鮮豔度 會影響調色板的靜音或亮度。
  4. (可選) 查看新主題的靜態預覽。 您可以與樣本控制項互動,以查看如何將主題套用到靜止狀態和各種互動狀態。
  5. 選取 建立

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

套用新式主題

  1. 在應用程式製作功能表上,選取 > 主題圖示 主題
  2. 主題窗格上,選取一個預設主題。

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

注意

新式主題現在透過設定具有 Power Fx 公式之經典控制項的屬性來影響經典控制項,該公式會引用新式主題中的變數。

編輯主題

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

  1. 在應用程式製作功能表上,選取 > 主題圖示 主題
  2. 主題窗格中找到與要編輯的主題對應的圖格,然後選取選項 > 編輯
  3. 編輯主題窗格上,根據需要調整主題。

注意

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

刪除主題

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

  1. 在應用程式製作功能表上,選取 > 主題圖示 主題
  2. 主題窗格上,找到要編輯的主題,然後選取 (...) 選項 > 刪除
  3. 在確認對話方塊上,選取刪除主題

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

注意

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

透過 Power Fx 使用主題

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

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

  • 名稱:主題的名稱。
  • 色彩:由 16 種顏色組成的集合,其中包含主題的品牌快速現代化方案。 這項坡道中的每一種色彩都可以透過名稱單獨存取。

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

開啟新式控制項

您可以使用主題品牌快速現代化方案,根據目前的新式主題,如 Button.Fill = App.Theme.Colors.Primary,手動樣式化經典控制項。

注意

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

另請參閱

新式控制項部落格文章