WPF/MVVM学习笔记（3）

最新推荐文章于 2023-08-01 10:23:35 发布

Stephen深瞳

最新推荐文章于 2023-08-01 10:23:35 发布

阅读量213

点赞数

分类专栏： c# wpf

本文链接：https://blog.csdn.net/justinfxj/article/details/86588837

版权

c# 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

wpf

4 篇文章 0 订阅

订阅专栏

如何使用MahApps.Metro？

参考：https://www.cnblogs.com/yhcao/p/6237611.html

1 下载mahapps.metro到项目中

使用nuget控制台安装

PM> Install-Package MahApps.Metro

2 在view.xaml文件中引入命名空间

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

3 将view.xmal原来的<Window/>标签替换为<Controls：MetroWindow/>

<Controls:MetroWindow 
        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:ignore="http://www.galasoft.ch/ignore"
        xmlns:ni="http://schemas.ni.com/controls/2009/xaml/presentation" x:Class="TestCaseGen.MvvmView"
        xmlns:Controls="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro"    
        mc:Ignorable="d ignore"
        DataContext="{Binding mvvm, Source={StaticResource Locator}}">
</<Controls:MetroWindow >

4 打开view.xaml.cs文件，将继承类由window改为metrowindow，同时添加对应的命名空间

using MahApps.Metro.Controls;
using System.Windows;

namespace TestCaseGen
{
    /// <summary>
    /// Description for MvvmView.
    /// </summary>
    public partial class MvvmView : MetroWindow
    {
        /// <summary>
        /// Initializes a new instance of the MvvmView class.
        /// </summary>
        public MvvmView()
        {
            InitializeComponent();
        }
    }
}

5 添加样式，在app.xaml文件下

<Application.Resources>
        <!--Global View Model Locator-->
        <ResourceDictionary>
            <vm:ViewModelLocator x:Key="Locator" d:IsDataSource="True" />
            <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" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Colors.xaml" />
                <!-- Accent and AppTheme setting -->
                <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>

note：主题可改为“BaseLight”, “BaseDark”，颜色相关科改为“Red”, “Green”, “Blue”, “Purple”, “Orange”, “Lime”, “Emerald”, “Teal”, “Cyan”, “Cobalt”, “Indigo”, “Violet”, “Pink”, “Magenta”, “Crimson”, “Amber”, “Yellow”, “Brown”, “Olive”, “Steel”, “Mauve”, “Taupe”, “Sienna”