
了解如何使用Telerik UI中的Fluent主題為WPF輕松設置WPF應用程序的主題。添加透明度,丙烯酸效果,陰影,動畫等,以使用最新的UX和UI趨勢實現應用程序的現代化。
在WPF中使用Fluent Design
現在可以輕松地修改使用Telerik UI for WPF構建的應用程序,應用Fluent設計系統(tǒng)原則。除了主題外,還可以獲得out-of-the-box的透明度,陰影,鼠標交互動畫,以及最后但并非最不重要的Window窗口的丙烯酸效果甚至更多。

淺色和深色預定義調色板
我們只是說我們不能停在那里并且做到這一點,你可以選擇兩種顏色變化 – 淺色和深色 – 就像你可以使用套件中具有多個預設的其他主題一樣。使用單行代碼,您可以將Progress Fluent主題的默認外觀從亮變?yōu)榘?,從而使兩者之間的變化非常簡單:
FluentPalette.LoadPreset(FluentPalette.ColorVariation.Dark);

更進一步根據Windows強調顏色自定義默認調色板顏色:



什么是不同的細節(jié)
深入了解使這個主題如此不同的細節(jié):
控件模板內的 FluentControl,它有兩個內置效果:
Ripple:

Glow:

背景色調為黑色:
Ripple:

Glow:

Glyph:我們的Fluent主題受益的新FrameworkElement。我們用它來可視化字體字形。它增加了加載時間,提供out-of-the-box的設計時支持,尊重FlowDirection并繼承其父級的Foreground。
Acrylic effect: 使用ThemeEffectsHelper.IsAcrylic附加屬性將特定半透明效果應用于Window,Popup和window-derivate控件。目前僅在Windows 10上支持它。在任何其他操作系統(tǒng)中,它只會產生透明的窗口/彈出窗口。:(但是,您也可以通過在MainWindow的靜態(tài)構造函數中設置ThemeEffectsHelper.IsAcrylicEnabled來禁用它。
The MaterialAssist static class:來自Material主題,它公開了 MouseOverBrush, PressedBrush, CheckedBrush等屬性,可用于直接修改控件的外觀而無需修改其控件模板。
Transparency:這是一種隱藏的功能。分享一些很酷的東西!:)遵循Windows 10背后的概念,默認情況下我們使用半透明背景(PrimaryBrush)和前景(InputOpacity)進行輸入,并在MouseOver和Focused上實現。

如果您不希望它們與應用程序背景混合,您可以通過設置以下內容輕松更改:
FluentPalette.Palette.InputOpacity= 1d;
FluentPalette.Palette.PrimaryColor= Colors.White;
結果將是:

Support of custom CornerRadius:如果您的應用程序需要圓角設計,您可以通過設置一行來將CornerRadius設置為大多數控件:
FluentPalette.Palette.CornerRadius = new CornerRadius(3);
支持自定義FocusThickness:如果您想更改Focus上顯示的默認2px邊框,您可以通過設置來修改其厚度:
FluentPalette.Palette.FocusThickness= new Thickness(1);
如何將Fluent主題添加到WPF應用程序中
使用隱式樣式:
1.打開您的申請
2.在設計視圖中單擊Telerik控件

3.接下來,單擊Theme元素并從可用主題中選擇Fluent:

4.按確定即可設置!
如果您使用的是StyleManager,則需要在后面的代碼中設置一行:
public MainWindow()
{
StyleManager.ApplicationTheme = new FluentTheme();
InitializeComponent();
}
京ICP備09015132號-996 | 違法和不良信息舉報電話:4006561155
© Copyright 2000-2026 北京哲想軟件有限公司版權所有 | 地址:北京市海淀區(qū)西三環(huán)北路50號豪柏大廈C2座11層1105室