(二)MATERIAL DESIGN框架安装和使用

在WPF中使用Material Design需要安装MaterialDesignThemes程序包。通过安装该程序包,您将获得Material Design所需的样式和控件,以及相关的资源字典引用。

通过NuGet包管理器进行安装的具体步骤如下:

  1. 打开Visual Studio。
  2. 在解决方案资源管理器中,右键单击项目名称,选择“管理NuGet程序包”。
  3. 在NuGet程序包管理器中,选择“浏览”选项卡。
  4. 在搜索框中输入“MaterialDesignThemes”,并按下Enter键进行搜索。
  5. 在搜索结果中找到“MaterialDesignThemes”,单击“安装”按钮进行安装。
  6. 等待安装完成。

安装完成后,您可以在App.xaml文件中添加相应的资源字典引用,以使整个应用程序能够使用Material Design的样式和控件。在<Application.Resources>标签内添加以下代码:

<ResourceDictionary.MergedDictionaries>  
    <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml" />  
</ResourceDictionary.MergedDictionaries>

使用框架资源美化button

<Button Background="#FFA6E7EF"  BorderBrush="#FFA6E7EF"  HorizontalAlignment="Left" Margin="41,42,0,0" VerticalAlignment="Top" Height="57" Width="97">
   <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center" Height="39" Width="80">
        <materialDesign:PackIcon Kind="AcademicCap"  HorizontalAlignment="Center" VerticalAlignment="Center" Width="18" Height="18"/>
        <TextBlock Text=" 按钮控件" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    </StackPanel>
</Button>

只需要改变kind类型,就可以使用不同的Icon,真的省去很多设计时间,太方便了。

官网提供的Icon的样式多种多样,可以在官网上修改Icon的样式,导出web、android,IOS等多种平台和多种文件格式

附上链接https://fonts.google.com/icons?icon.platform=ios