介紹一款最受歡迎的.NET 開(kāi)源UI庫(kù)
當(dāng)前位置:點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
在.NET開(kāi)發(fā)社區(qū)中,有許多優(yōu)秀的開(kāi)源UI庫(kù),其中MahApps.Metro是最受歡迎的之一。今天要帶大家了解一下開(kāi)源控件庫(kù)MahApps.Metro。MahApps.Metro是一個(gè)現(xiàn)代化的WPF工具包,旨在為開(kāi)發(fā)人員提供構(gòu)建具有吸引力的Windows應(yīng)用程序所需的一切。目前支持的NET Framework 4.6.2及更高版本、.NET Core 3.1, .NET 5 and .NET 6 (on Windows)。官網(wǎng)學(xué)習(xí)文檔地址:https://mahapps.com/docs/ MahApps.Metro具有許多實(shí)用的功能和特點(diǎn),例如可定制的樣式、流暢的動(dòng)畫(huà)效果、支持暗色主題和窗口管理控件等。它還提供了豐富的控件,如MetroProgressBar、MetroSlider和MetroTile等,這些控件可以幫助開(kāi)發(fā)人員快速構(gòu)建具有統(tǒng)一外觀和感覺(jué)的用戶界面。 一、風(fēng)格欣賞
二、用法介紹 看了上面的控件風(fēng)格,想必有很多小伙伴已經(jīng)迫不及待想知道這套控件庫(kù)如何在自己項(xiàng)目中使用了,接下來(lái)小編就帶你正式體驗(yàn)MahApps.Metro。與其他UI庫(kù)相比,MahApps.Metro還具有簡(jiǎn)單的API和豐富的文檔支持,這使得開(kāi)發(fā)人員可以更輕松地使用它來(lái)創(chuàng)建現(xiàn)代感十足的應(yīng)用程序。此外,MahApps.Metro還具有良好的社區(qū)支持,開(kāi)發(fā)人員可以在社區(qū)中找到許多有用的資源和建議。 首先,創(chuàng)建項(xiàng)目,然后在github上搜索引用:如果要體驗(yàn)預(yù)先發(fā)型版,可以勾選圖片中紅框部分
<Application.Resources> <ResourceDictionary> <ResourceDictionary.MergedDictionaries> <!-- MahApps.Metro resource dictionaries. Make sure that all file names are Case Sensitive! --> <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.xaml" /> <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Fonts.xaml" /> <!-- Theme setting --> <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Themes/Light.Blue.xaml" /> </ResourceDictionary.MergedDictionaries> </ResourceDictionary> </Application.Resources> 2.使用MetroWindows:要開(kāi)始全面的MahApps造型和全面的窗口支持,您需要將您的普通窗口更改為我們的MetroWindows。 打開(kāi)你的主窗口,通常命名為MainWindow.xaml,在打開(kāi)窗口標(biāo)記中添加名稱空間屬性 xmlns:mah="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro" 或者 xmlns:mah="http://metro.mahapps.com/winfx/xaml/controls" 3.前臺(tái)xmal全部代碼如下: <mah:MetroWindow x:Class="WpfApp8.StartView" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:mah="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro" xmlns:cal="http://www.caliburnproject.org" xmlns:local="clr-namespace:WpfApp8" mc:Ignorable="d" GlowBrush="{DynamicResource MahApps.Brushes.Accent}" ResizeMode="CanResizeWithGrip" Title="StartView" Height="300" Width="600" WindowStartupLocation="CenterScreen"> <StackPanel> <TextBox Name="TextContent"/> <Button x:Name="testBtn" Content="testBtn" Background="LightCyan"/> <ListBox Name="ListBoxItems" MinHeight="230" Background="LightGray" cal:Message.Attach="[Event selectionChanged] = [Action ListBoxItems_selectionChanged($source,$eventArgs)]; [Event MouseUp]=[ListBoxItems_MouseUp($source,$eventArgs)]" /> </StackPanel> </mah:MetroWindow> 4.您還需要修改窗口文件的代碼,以便基類與XAML文件的MetroWindow類匹配: using MahApps.Metro.Controls; namespace WpfApp8 { /// <summary> /// StartView.xaml 的交互邏輯 /// </summary> public partial class StartView : MetroWindow { public StartView() { InitializeComponent(); } } } 這樣保存后重新編譯運(yùn)行,就會(huì)看到窗體的樣式已經(jīng)發(fā)生改變,完全變成了Metro風(fēng)格。 總之,MahApps.Metro是一款功能強(qiáng)大、易于使用和受歡迎的.NET開(kāi)源UI庫(kù)。如果您正在尋找構(gòu)建現(xiàn)代化Windows應(yīng)用程序的最佳UI庫(kù),那么MahApps.Metro是您的最佳選擇。 三、源碼下載 百度網(wǎng)盤(pán)鏈接:https://pan.baidu.com/s/1dD8HaoVDz6G8xeipRWaQ-Q 提取碼:6666 該文章在 2023/9/12 12:26:27 編輯過(guò) |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |