WPF 皮膚之MathApps.Metro UI庫

標籤：皮膚   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庫