在WPF中使用Material Design需要安装MaterialDesignThemes程序包。通过安装该程序包,您将获得Material Design所需的样式和控件,以及相关的资源字典引用。
通过NuGet包管理器进行安装的具体步骤如下:
- 打开Visual Studio。
- 在解决方案资源管理器中,右键单击项目名称,选择“管理NuGet程序包”。
- 在NuGet程序包管理器中,选择“浏览”选项卡。
- 在搜索框中输入“MaterialDesignThemes”,并按下Enter键进行搜索。
- 在搜索结果中找到“MaterialDesignThemes”,单击“安装”按钮进行安装。
- 等待安装完成。
安装完成后,您可以在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