当前位置:首页-桌面应用WPF-正文

WPF应用创建(使用Material Design控件库)

使用Material Design控件库,创建第一个WPF应用。
WPF应用创建(使用Material Design控件库) - 第1张

1. 新建WPF项目

WPF应用创建(使用Material Design控件库) - 第2张
Step 1 创建新项目
WPF应用创建(使用Material Design控件库) - 第3张
Step 2 选择项目类型
WPF应用创建(使用Material Design控件库) - 第4张
Step 3 设置项目名称
WPF应用创建(使用Material Design控件库) - 第5张
Step 4 选择 .NET版本
WPF应用创建(使用Material Design控件库) - 第6张
Step 5 完成项目创建

2. 新建控件库项目

新建一个控件库项目,用于管理公共的控件和资源。

WPF应用创建(使用Material Design控件库) - 第7张
Step 1 新建控件库项目
WPF应用创建(使用Material Design控件库) - 第8张
Step 2 设置项目名称
WPF应用创建(使用Material Design控件库) - 第9张
Step 3 选择 .net版本

在控件库项目中新建“images”目录,用于存放图片资源。注意图片属性为“资源”。

WPF应用创建(使用Material Design控件库) - 第10张

新建”Images.xaml”配置文件,定义Logo。

<BitmapImage x:Key="logo" UriSource="Images/logo.png" RenderOptions.BitmapScalingMode="HighQuality"></BitmapImage>Code language: HTML, XML (xml)
WPF应用创建(使用Material Design控件库) - 第11张

新建多语言配置文件“LangZH.xaml”和“LangEN.xaml”。

WPF应用创建(使用Material Design控件库) - 第12张
WPF应用创建(使用Material Design控件库) - 第13张
WPF应用创建(使用Material Design控件库) - 第14张

3. 项目中引用资源

添加项目引用。

WPF应用创建(使用Material Design控件库) - 第15张
WPF应用创建(使用Material Design控件库) - 第16张
勾选资源项目

修改App.xaml文件:

WPF应用创建(使用Material Design控件库) - 第17张
<ResourceDictionary>
    <ResourceDictionary.MergedDictionaries>
        <ResourceDictionary Source="pack://application:,,,/MFGVision.Resource;component/LangZH.xaml"/>
        <ResourceDictionary Source="pack://application:,,,/MFGVision.Resource;component/Images.xaml"/>
    </ResourceDictionary.MergedDictionaries>
</ResourceDictionary>Code language: HTML, XML (xml)

引用资源:

WPF应用创建(使用Material Design控件库) - 第18张

4. 使用MaterialDesign主题

NuGet包管理器中搜索“MaterialDesignThemes”。

WPF应用创建(使用Material Design控件库) - 第19张

若搜索不到,需要设置一下源:

WPF应用创建(使用Material Design控件库) - 第20张

再次搜索,安装。

WPF应用创建(使用Material Design控件库) - 第21张

WPF项目中使用MaterialDesignThemes(可参考:https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit/wiki/Super-Quick-Start)。

WPF应用创建(使用Material Design控件库) - 第22张
Step 1:修改App.xaml文件
WPF应用创建(使用Material Design控件库) - 第23张
Step 2:修改MainWindow.xaml文件
WPF应用创建(使用Material Design控件库) - 第24张
运行效果