其他分享
首页 > 其他分享> > Metro UI库

Metro UI库

作者:互联网

WPF 皮肤之MathApps.Metro UI库

 

在WPF中要想使用Metro风格是很简单的,可以自己画嘛..

但是为了节省时间,哈,今天给大家推荐一款国外Metro风格的控件库。

本文只起到抛砖引玉的作用,有兴趣还是推荐大家上官网,Thanks,官网地址 我会在底部发出。

使用步骤

一、使用Nuget包管理,添加引用

Install-Package MahApps.Metro

或者使用界面管理:

二、修改App.xaml文件,引用资源

复制代码
<Application x:Class="MetroWPF.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             StartupUri="MainWindow.xaml">
    <Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Fonts.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Colors.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Accents/Blue.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Accents/BaseLight.xaml" />
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>
</Application>
复制代码

三、修改窗体换成Metro风格

在XAML状体中进行如下 xmlns 引用。

  1.  xmlns:controls="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro"

然后将Window标签替换为如下标签

  1.  <controls:MetroWindow ...

就ok了。

 

四、修改cs文件继承MetroWindow类

复制代码
//引用
using MahApps.Metro.Controls;
 
namespace MetroWPF
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : MetroWindow
    {
        public MainWindow()
        {
            InitializeComponent();
        }
    }
}
复制代码

官网地址:http://mahapps.com/

更多博文:http://www.wxzzz.com/1202.html

标签:MahApps,Metro,Controls,UI,引用,MetroWindow,MainWindow
来源: https://www.cnblogs.com/pjw333/p/16086135.html