介面元件Telerik UI for WPF入門指南 - 顏色主題生成器
阿新 • • 發佈:2022-04-21
獲取Telerik UI for WPF官方最新版
支援 ThemePalette 的主題可以完全自定義,使用可用的畫筆來調整每種顏色。
為了實現無縫的顏色自定義和更快的調色盤建立,Telerik技術團隊建立了顏色主題生成器。
什麼是顏色主題生成器?
Color Theme Generator使您能夠調整主題顏色並立即檢視結果,該工具為每個主題包含一些預定義的調色盤,使您可以更輕鬆地為應用程式選擇正確的顏色。
只需幾個簡單的步驟即可使用該工具。
- 從CHOOSE THEME下拉選單中選擇一個主題。
- 從右側的COLOR SETTINGS選單更改畫筆的顏色設定。
- 立即檢視左邊的效果。
- 從右側的選項卡中瀏覽所有可用控制元件,以檢視每個控制元件的外觀。
- 對結果滿意後,單擊Copy Settings to Clipboard按鈕將生成的調色盤設定的程式碼複製到剪貼簿。
- 將調色盤設定程式碼貼上到您的應用程式中,此程式碼的推薦位置是 App 類,或在主視窗或使用者控制元件的 InitializeComponent 呼叫之前的任何位置。
示例 1:在應用程式中新增複製的設定
C#
public MainWindow() { FluentPalette.Palette.AccentColor = (Color)ColorConverter.ConvertFromString("#FF0099BC"); FluentPalette.Palette.AccentFocusedColor = (Color)ColorConverter.ConvertFromString("#FF15D7FF"); FluentPalette.Palette.AccentMouseOverColor = (Color)ColorConverter.ConvertFromString("#FF00BFE8"); FluentPalette.Palette.AccentPressedColor = (Color)ColorConverter.ConvertFromString("#FF0087A4"); FluentPalette.Palette.AlternativeColor = (Color)ColorConverter.ConvertFromString("#FFF2F2F2"); FluentPalette.Palette.BasicColor = (Color)ColorConverter.ConvertFromString("#33000000"); FluentPalette.Palette.BasicSolidColor = (Color)ColorConverter.ConvertFromString("#FFCDCDCD"); FluentPalette.Palette.ComplementaryColor = (Color)ColorConverter.ConvertFromString("#FFCCCCCC"); FluentPalette.Palette.IconColor = (Color)ColorConverter.ConvertFromString("#CC000000"); FluentPalette.Palette.MainColor = (Color)ColorConverter.ConvertFromString("#1A000000"); FluentPalette.Palette.MarkerColor = (Color)ColorConverter.ConvertFromString("#FF000000"); FluentPalette.Palette.MarkerInvertedColor = (Color)ColorConverter.ConvertFromString("#FFFFFFFF"); FluentPalette.Palette.MarkerMouseOverColor = (Color)ColorConverter.ConvertFromString("#FF000000"); FluentPalette.Palette.MouseOverColor = (Color)ColorConverter.ConvertFromString("#33000000"); FluentPalette.Palette.PressedColor = (Color)ColorConverter.ConvertFromString("#4C000000"); FluentPalette.Palette.PrimaryBackgroundColor = (Color)ColorConverter.ConvertFromString("#FFFFFFFF"); FluentPalette.Palette.PrimaryColor = (Color)ColorConverter.ConvertFromString("#66FFFFFF"); FluentPalette.Palette.PrimaryMouseOverColor = (Color)ColorConverter.ConvertFromString("#FFFFFFFF"); FluentPalette.Palette.ReadOnlyBackgroundColor = (Color)ColorConverter.ConvertFromString("#00FFFFFF"); FluentPalette.Palette.ReadOnlyBorderColor = (Color)ColorConverter.ConvertFromString("#FFCDCDCD"); FluentPalette.Palette.ValidationColor = (Color)ColorConverter.ConvertFromString("#FFE81123"); FluentPalette.Palette.DisabledOpacity = 0.3; FluentPalette.Palette.InputOpacity = 0.6; FluentPalette.Palette.ReadOnlyOpacity = 0.5; InitializeComponent(); }
要重置應用程式的預設顏色,請單擊Reset All Settings按鈕。
Telerik UI for WPF擁有超過100個控制元件來建立美觀、高效能的桌面應用程式,同時還能快速構建企業級辦公WPF應用程式。UI for WPF支援MVVM、觸控等,建立的應用程式可靠且結構良好,非常容易維護,其直觀的API將無縫地整合Visual Studio工具箱中。