下載Telerik UI for WPF最新版本

了解如何使用Telerik UI中的Fluent主題為WPF輕松設(shè)置WPF應(yīng)用程序的主題。添加透明度，丙烯酸效果，陰影，動(dòng)畫等，以使用最新的UX和UI趨勢(shì)實(shí)現(xiàn)應(yīng)用程序的現(xiàn)代化。

在WPF中使用Fluent Design

現(xiàn)在可以輕松地修改使用Telerik UI for WPF構(gòu)建的應(yīng)用程序，應(yīng)用Fluent設(shè)計(jì)系統(tǒng)原則。除了主題外，還可以獲得out-of-the-box的透明度，陰影，鼠標(biāo)交互動(dòng)畫，以及最后但并非最不重要的Window窗口的丙烯酸效果甚至更多。

淺色和深色預(yù)定義調(diào)色板

我們只是說我們不能停在那里并且做到這一點(diǎn)，你可以選擇兩種顏色變化 - 淺色和深色 - 就像你可以使用套件中具有多個(gè)預(yù)設(shè)的其他主題一樣。使用單行代碼，您可以將Progress Fluent主題的默認(rèn)外觀從亮變?yōu)榘担瑥亩箖烧咧g的變化非常簡(jiǎn)單：

FluentPalette.LoadPreset(FluentPalette.ColorVariation.Dark); 

更進(jìn)一步根據(jù)Windows強(qiáng)調(diào)顏色自定義默認(rèn)調(diào)色板顏色：

什么是不同的細(xì)節(jié)

深入了解使這個(gè)主題如此不同的細(xì)節(jié)：

控件模板內(nèi)的 FluentControl，它有兩個(gè)內(nèi)置效果：

Ripple：

Glow：

背景色調(diào)為黑色：

Ripple：

Glow：

Glyph：我們的Fluent主題受益的新FrameworkElement。我們用它來可視化字體字形。它增加了加載時(shí)間，提供out-of-the-box的設(shè)計(jì)時(shí)支持，尊重FlowDirection并繼承其父級(jí)的Foreground。

Acrylic effect： 使用ThemeEffectsHelper.IsAcrylic附加屬性將特定半透明效果應(yīng)用于Window，Popup和window-derivate控件。目前僅在Windows 10上支持它。在任何其他操作系統(tǒng)中，它只會(huì)產(chǎn)生透明的窗口/彈出窗口。:(但是，您也可以通過在MainWindow的靜態(tài)構(gòu)造函數(shù)中設(shè)置ThemeEffectsHelper.IsAcrylicEnabled來禁用它。

The MaterialAssist static class：來自Material主題，它公開了 MouseOverBrush， PressedBrush， CheckedBrush等屬性，可用于直接修改控件的外觀而無需修改其控件模板。

Transparency：這是一種隱藏的功能。分享一些很酷的東西！:)遵循Windows 10背后的概念，默認(rèn)情況下我們使用半透明背景（PrimaryBrush）和前景（InputOpacity）進(jìn)行輸入，并在MouseOver和Focused上實(shí)現(xiàn)。

如果您不希望它們與應(yīng)用程序背景混合，您可以通過設(shè)置以下內(nèi)容輕松更改：

FluentPalette.Palette.InputOpacity= 1d;
FluentPalette.Palette.PrimaryColor= Colors.White;

結(jié)果將是：

Support of custom CornerRadius：如果您的應(yīng)用程序需要圓角設(shè)計(jì)，您可以通過設(shè)置一行來將CornerRadius設(shè)置為大多數(shù)控件：

FluentPalette.Palette.CornerRadius = new CornerRadius(3);

支持自定義FocusThickness：如果您想更改Focus上顯示的默認(rèn)2px邊框，您可以通過設(shè)置來修改其厚度：

FluentPalette.Palette.FocusThickness= new Thickness(1);

如何將Fluent主題添加到WPF應(yīng)用程序中

使用隱式樣式：

1.打開您的申請(qǐng)

2.在設(shè)計(jì)視圖中單擊Telerik控件

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

4.按確定即可設(shè)置！

如果您使用的是StyleManager，則需要在后面的代碼中設(shè)置一行：

public MainWindow()
{
   StyleManager.ApplicationTheme = new FluentTheme();
   InitializeComponent();
}