介紹一款最受歡迎的.NET 開源UI庫
當前位置:點晴教程→知識管理交流
→『 技術文檔交流 』
在.NET開發社區中,有許多優秀的開源UI庫,其中MahApps.Metro是最受歡迎的之一。今天要帶大家了解一下開源控件庫MahApps.Metro。MahApps.Metro是一個現代化的WPF工具包,旨在為開發人員提供構建具有吸引力的Windows應用程序所需的一切。目前支持的NET Framework 4.6.2及更高版本、.NET Core 3.1, .NET 5 and .NET 6 (on Windows)。官網學習文檔地址:https://mahapps.com/docs/ MahApps.Metro具有許多實用的功能和特點,例如可定制的樣式、流暢的動畫效果、支持暗色主題和窗口管理控件等。它還提供了豐富的控件,如MetroProgressBar、MetroSlider和MetroTile等,這些控件可以幫助開發人員快速構建具有統一外觀和感覺的用戶界面。 一、風格欣賞
二、用法介紹 看了上面的控件風格,想必有很多小伙伴已經迫不及待想知道這套控件庫如何在自己項目中使用了,接下來小編就帶你正式體驗MahApps.Metro。與其他UI庫相比,MahApps.Metro還具有簡單的API和豐富的文檔支持,這使得開發人員可以更輕松地使用它來創建現代感十足的應用程序。此外,MahApps.Metro還具有良好的社區支持,開發人員可以在社區中找到許多有用的資源和建議。 首先,創建項目,然后在github上搜索引用:如果要體驗預先發型版,可以勾選圖片中紅框部分
<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:要開始全面的MahApps造型和全面的窗口支持,您需要將您的普通窗口更改為我們的MetroWindows。 打開你的主窗口,通常命名為MainWindow.xaml,在打開窗口標記中添加名稱空間屬性 xmlns:mah="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro" 或者 xmlns:mah="http://metro.mahapps.com/winfx/xaml/controls" 3.前臺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(); } } } 這樣保存后重新編譯運行,就會看到窗體的樣式已經發生改變,完全變成了Metro風格。 總之,MahApps.Metro是一款功能強大、易于使用和受歡迎的.NET開源UI庫。如果您正在尋找構建現代化Windows應用程序的最佳UI庫,那么MahApps.Metro是您的最佳選擇。 三、源碼下載 百度網盤鏈接:https://pan.baidu.com/s/1dD8HaoVDz6G8xeipRWaQ-Q 提取碼:6666 該文章在 2023/9/12 12:26:27 編輯過 |
關鍵字查詢
相關文章
正在查詢... |