WPF中MaterialDesignThemes前端框架的使用(超详细图解步骤)及项目框架变更

前言

本文主要讲如何使用MaterialDesignThemes的安装和简单使用,有什么不明白的地方可以评论区留言,一起交流学习一下

开发工具:VS2019

一、使用步骤

①右键解决方案名称,点击管理Nuget程序包

②搜索MaterialDesign,点击安装,如下图

安装哪个版本可以自己选择,我安装使用的是3.1.0版本

点击安装之后,再点击已安装我们会发现MaterialDesignColors和MaterialDesignThemes都已经安装好

③在App.xml文件中的<Application.Resources> </Application.Resources>中添加资源字典,添加代码如下:

    <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml">
                </ResourceDictionary>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml">
                </ResourceDictionary>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.Blue.xaml">
                </ResourceDictionary>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Blue.xaml">
                </ResourceDictionary>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>

如下图:

添加完之后红框中的代码下面可能会出现波浪线,并报错资源找不到之类的,此时无需担心,点击启动项目或者生成一下,错误和波浪线就消失了

注意事项:该框架基于.net4.6.2(含),6.0,7.0,其余稍低框架引入此包时会出现不显示等情况

2.下载MaterialDesignInXamlToolkit源代码和Demo下载

简单使用下载Demo就够了,下载源码是为了某些资源访问不到时去源码里面抄代码

github下载地址:https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit/releases

找到自己需要的版本(此文章使用为V3.1.0版本)

下载完解压打开Demo中的MaterialDesignDemo.exe

如下:

然后找到自己想要的效果,复制代码添加到wpf页面中

将复制的圆角按钮代码添加到wpf页面中,如下图,便可看到使用成功:

同时需要将下面一句代码添加到图中提示位置:

xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"

sup:关于项目框架查看以及变更

1.单项目所用.net框架查看及变更

1.1选中单项目

2.右击属性查看

3.项目框架属性变更--点击框架选择所需变更框架后确认即可,同时要注意原项目变更.net框架之后,原项目内的控件,动态库是否抛出异常,相对来说低版本跃迁高版本会存在异常,高向低括基本无问题,按需变更

资料参考:http://t.csdn.cn/bkStH

  • 5
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值