当前位置:   article > 正文

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

(二)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>标签内添加以下代码:

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

使用框架资源美化button

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

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

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

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Monodyee/article/detail/97784
推荐阅读
相关标签
  

闽ICP备14008679号