码迷,mamicode.com
首页 > 移动开发 > 详细

WPF 皮肤之MathApps.Metro UI库

时间:2016-12-10 19:05:10      阅读:584      评论:0      收藏:0      [点我收藏+]

标签:皮肤   schema   package   present   aml   using   国外   title   init   

在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

WPF 皮肤之MathApps.Metro UI库

标签:皮肤   schema   package   present   aml   using   国外   title   init   

原文地址:http://www.cnblogs.com/tianma3798/p/6156302.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!