国产精品久久久久久2021,日韩精品无码av中文无码版,亚洲精品久久久午夜麻豆,无码成人精品日本动漫纯h

010-68421378
當前您所在的位置:首頁>新聞中心>新品發(fā)布

Telerik UI for ASP.NET教程:如何在WPF應用程序中獲得流暢的設計主題

發(fā)布時間:2020/10/05 瀏覽量:3441
如何在WPF應用程序中獲得流暢的設計主題?

image001.png

了解如何使用Telerik UI中的Fluent主題為WPF輕松設置WPF應用程序的主題。添加透明度,丙烯酸效果,陰影,動畫等,以使用最新的UXUI趨勢實現應用程序的現代化。

 

WPF中使用Fluent Design

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

image002.png

 

淺色和深色預定義調色板

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

FluentPalette.LoadPreset(FluentPalette.ColorVariation.Dark);

image003.png

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

image004.jpg

image005.jpg

image006.jpg

 

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

深入了解使這個主題如此不同的細節(jié):

控件模板內的 FluentControl,它有兩個內置效果:

Ripple

image007.gif

Glow

image008.gif

背景色調為黑色:

Ripple

image009.gif

Glow

image010.gif

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

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

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

Transparency:這是一種隱藏的功能。分享一些很酷的東西!:)遵循Windows 10背后的概念,默認情況下我們使用半透明背景(PrimaryBrush)和前景(InputOpacity)進行輸入,并在MouseOverFocused上實現。

image011.gif

如果您不希望它們與應用程序背景混合,您可以通過設置以下內容輕松更改:

FluentPalette.Palette.InputOpacity= 1d;

FluentPalette.Palette.PrimaryColor= Colors.White;

結果將是:

image012.gif

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控件

image013.jpg

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

image014.jpg

4.按確定即可設置!

如果您使用的是StyleManager,則需要在后面的代碼中設置一行:

public MainWindow()

{

   StyleManager.ApplicationTheme = new FluentTheme();

   InitializeComponent();

}

 

下一篇:Wolfram | 機電一體化設計:汽車和航天設計中的Mathematica
上一篇:ONLYOFFICE集成版| 對于Liferay:適用于Liferay文檔與媒體庫的協(xié)作

                               

 京ICP備09015132號-996 | 違法和不良信息舉報電話:4006561155

                                   © Copyright 2000-2026 北京哲想軟件有限公司版權所有 | 地址:北京市海淀區(qū)西三環(huán)北路50號豪柏大廈C2座11層1105室

                         北京哲想軟件集團旗下網站:哲想軟件 | 哲想動畫

                            華滋生物