LOGO OA教程 ERP教程 模切知识交流 PMS教程 CRM教程 开发文档 其他文档  
 
网站管理员

介绍一款最受欢迎的.NET 开源UI库

admin
2023年9月12日 12:26 本文热度 450

在.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等,这些控件可以帮助开发人员快速构建具有统一外观和感觉的用户界面。

一、风格欣赏

  • Theme有两种,深色和浅色:下面就展示一下浅色主题:

  • Progress进度条:这里提供了好几款,样式都很优雅

  • datagrid:表格控件

  • hamburger:开关

  • Dialogs:消息弹出框


二、用法介绍

看了上面的控件风格,想必有很多小伙伴已经迫不及待想知道这套控件库如何在自己项目中使用了,接下来小编就带你正式体验MahApps.Metro。与其他UI库相比,MahApps.Metro还具有简单的API和丰富的文档支持,这使得开发人员可以更轻松地使用它来创建现代感十足的应用程序。此外,MahApps.Metro还具有良好的社区支持,开发人员可以在社区中找到许多有用的资源和建议。

     首先,创建项目,然后在github上搜索引用:如果要体验预先发型版,可以勾选图片中红框部分


  1. MahApps内置的风格和主题:

<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 编辑过
关键字查询
相关文章
正在查询...
点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。
点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理,结合码头的业务特点,围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体,是物流码头及其他港口类企业的高效ERP管理信息系统。
点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。
点晴免费OA是一款软件和通用服务都免费,不限功能、不限时间、不限用户的免费OA协同办公管理系统。
Copyright 2010-2024 ClickSun All Rights Reserved