WPF中MaterialDesignThemes框架的使用

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

开发工具:VS2019

一、使用步骤

1.通过Nuget安装MaterialDesignThemes

①右键解决方案名称,点击管理Nuget程序包
在这里插入图片描述

②搜索MaterialDesign,点击安装,如下图
在这里插入图片描述

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

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

在这里插入图片描述

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

<Application.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml"/>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml"/>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.Blue.xaml"/>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Indigo.xaml"/>
                <ResourceDictionary Source="Dictionary\DictRadioButton-2.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Application.Resources>

如下图:

在这里插入图片描述

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

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

github下载地址:https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit/releases
这里不再赘述。

二、效果展示

首先引入

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

在标签中通过Style="{StaticResource MaterialDesignRaisedButton}"进行绑定

具体代码如下:

 <Button Style="{StaticResource MaterialDesignRaisedButton}"
                       Name="btn_autoMove"  Height="44" Width="50" materialDesign:ButtonAssist.CornerRadius="300" 
                       ToolTip="MaterialDesignRaisedButton with Round Corners" Margin="20,0,0,0" Background="Blue">
 </Button>

效果如下:
在这里插入图片描述

### 回答1: Material Design Themes是一种基于Google Material Design的UI设计风格,它强调平面化、简洁、明亮、色彩鲜艳、动画效果等特点,旨在提高用户体验和界面美感。Material Design Themes可以应用于各种移动应用和网站设计,让用户感受到更加现代化和流畅的界面交互。 ### 回答2: materialdesignthemes是一个为Android应用程序提供现代、时尚和一致的用户界面设计的开源项目。它基于谷歌的材料设计指南,通过使应用程序的外观和感觉与谷歌的旗舰应用程序保持一致,提供了一种直观、自然和可预测的用户体验。 通过使用materialdesignthemes,开发人员可以快速轻松地创建具有一致外观的Android应用程序。该项目提供了一套丰富的UI控件、颜色和主题,可根据自己的需要进行定制。这些控件包括按钮、卡片、对话框、进度条和标签等常用的UI元素,使开发人员能够创建现代且美观的应用程序界面。 materialdesignthemes还提供了灵活的布局选项,开发人员可以使用多种方式来设计和安排界面元素。这使得应用程序可以适应不同的屏幕大小和设备类型,从而提供一致的用户体验。 此外,materialdesignthemes还提供了主题引擎,使开发人员可以轻松地在应用程序应用自定义的颜色和样式。这使得开发人员可以根据自己的品牌和设计要求对应用进行个性化定制。 总而言之,materialdesignthemes是一个帮助开发人员创建现代、时尚和一致用户界面的开源项目。它基于谷歌的材料设计指南,提供丰富的UI控件、颜色和主题,使开发人员能够轻松创建美观和具有一致外观的Android应用程序。 ### 回答3: Material Design Themes是一个基于Google Material Design风格的开源UI库。它提供了一系列美观、现代的UI组件和设计模式,可帮助开发者快速构建具有一致性和流动性的用户界面。 Material Design是Google在2014年推出的一种设计语言,它的目标是创造出一种跨平台、跨设备的统一设计体验。Material Design概念强调了平面、阴影、动画以及自然界元素的使用,从而提供给用户更加有层次感的交互体验。 Material Design Themes将这种设计语言转化为具体的可用的UI组件和样式,并且还添加了一些自定义的主题设置,使得开发者可以根据自己的需要从不同颜色、字体和图标选项进行选择。 使用Material Design Themes可以帮助开发者快速构建符合Material Design风格的应用程序,提高用户体验和界面一致性。它支持多种平台和框架,如Android、iOS、Web等,使得开发者能够在不同的项目复用他们的设计和代码。 此外,Material Design Themes还提供了一些附加的功能和工具,如表单验证、动画效果和交互效果等,使得开发过程更加简化和高效。 总之,Material Design Themes是一个非常有价值的UI库,它不仅提供了美观的设计和现代的交互方式,还能提高开发效率和用户体验。无论是初学者还是经验丰富的开发者,都可以从受益并创建出出色的应用程序。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值