介绍一款最受欢迎的.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 编辑过 |
关键字查询
相关文章
正在查询... |