WPF使用MaterialDesign -- 好看的控件先从button开始

这篇具有很好参考价值的文章主要介绍了WPF使用MaterialDesign -- 好看的控件先从button开始。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言

没有前言

在WPF控件效果这一块,很显然比winfrom要好很多,但想要做出真正好看的控件,我个人觉得还是需要用一些已有的东西比较好,比如MaterialDesign,控件种类多,自带很多图标,上手比较容易,还囊括了多个平台,所以MaterialDesign算是一个比较好的选择。

正文

一、下载MaterialDesign

GitHub地址:https://github.com/MaterialDesignInXAML/MaterialDesignInXamlToolkit

下载到本地进行编译,或者直接从远程拉取再编译,都是一样的,可以参考视频https://www.bilibili.com/video/BV1KZ4y1u7fV/

编译完之后到项目文件里找到编译生成的exe文件,我的路径是D:\VS2019\MaterialDesignInXamlToolkit-3.1.3\MainDemo.Wpf\bin\Debug\net472\MaterialDesignDemo.exe,最好是给它在桌面上建立一个快捷方式,在需要用的时候开它来看看里面提供的样式的代码,然后关掉这个项目就行。注意,编译完之后不要清理解决方案,否则这个exe文件也会被清理掉。

因为有很多小伙伴说编译不成功,所以这里我也附一份我编译成功的压缩包,需要的小伙伴可以自取。
虽然我上传到csdn了,但是我没有设置积分,可以直接免费下载的。
https://download.csdn.net/download/little_stick_i/85097716

打开之后是这样的
WPF使用MaterialDesign -- 好看的控件先从button开始

二、下载NuGet包

刚刚项目已经被我们关掉了,现在转到自己的项目,在NuGet管理中,搜索MaterialDesignThemes,安装第一个即可。
WPF使用MaterialDesign -- 好看的控件先从button开始

三、引用MaterialDesign

可参考:官方文档(英文版的),内有如何在XAML中引用MaterialDesign的方法
WPF使用MaterialDesign -- 好看的控件先从button开始

也可以参考我下面的内容:

  1. 编辑App.xaml
    主要是要把<Application.Resources>中间那一块复制进去,前后的内容按照你原来的样子就可以了
<?xml version="1.0" encoding="UTF-8"?>
<Application . . .>
  <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.DeepPurple.xaml" />
        <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Lime.xaml" />
      </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
  </Application.Resources>
</Application>

WPF使用MaterialDesign -- 好看的控件先从button开始

  1. 在窗体的XAML文件(如MainWindow.xaml)中进行引用
xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"

WPF使用MaterialDesign -- 好看的控件先从button开始

四、开始使用MaterialDesign

MaterialDesign中提供了很多控件样式,还记得刚刚生成的那个exe文件吗?到那里去找到自己想要的控件的样子,然后将代码复制到自己的XAML文件中即可。

比如我想使用下图这个button
WPF使用MaterialDesign -- 好看的控件先从button开始
我先把代码复制下来,然后放到我的XAML文件中,如下:

<Window x:Class="RobotAPP.View.AboutWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
        xmlns:local="clr-namespace:RobotAPP.View"
        mc:Ignorable="d"
        Title="关于" Height="250" Width="400"
		ResizeMode="CanMinimize"  BorderThickness="0.3" 
		WindowStartupLocation="CenterScreen">
    <Grid>
		<Button
            Style="{StaticResource MaterialDesignRaisedLightButton}"
            Width="100"
            ToolTip="Resource name: MaterialDesignRaisedLightButton">
			_LIGHT
		</Button>

	</Grid>
</Window>

效果:
WPF使用MaterialDesign -- 好看的控件先从button开始
其他控件的使用方法也差不多都是这样,根据自己的喜好去选择就好啦。

后记

没有后记

本文知识简单的介绍了MaterialDesign了使用方法,具体的还需要大家自己在实战中进行学习,同时多看官方文档,或者多去百度。

原创文章,转载请注明出处。希望这篇文章对你有帮助。文章来源地址https://www.toymoban.com/news/detail-445027.html

到了这里,关于WPF使用MaterialDesign -- 好看的控件先从button开始的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • WPF MaterialDesign 初学项目实战(0):github 项目Demo运行

    最近在学B站的WPF项目实战合集(2022终结版),但是到22P时候发现UI框架 MaterialDesignThemes的Github上面的程序没办法正常运行,最后折腾了好久终于解决。 github地址 gitcode镜像地址 下载成功后是如下效果 打开这个文件 MaterialDesignToolkit.Wpf.slnf 选择这个Demo 下载.NET Framework 4.6.2 下载之

    2024年02月07日
    浏览(45)
  • 目标检测YOLO算法,先从yolov1开始

    有一套配套的学习资料,才能让我们的学习事半功倍。 yolov1论文原址:You Only Look Once: Unified, Real-Time Object Detection 代码地址:darknet: Convolutional Neural Networks (github.com) one-stage(单阶段):YOLO系列 最核心的优势:速度非常快,适合做实时检测任务! 但是缺点也是有的,效果通常

    2024年02月09日
    浏览(45)
  • 科学化决策数据分析,先从量化开始

    在当今信息爆炸的时代,数据已经成为我们生活和工作中不可或缺的一部分。在各行各业,人们越来越依赖数据来指导决策和优化业务。在这个背景下,量化成为了一种重要的方法论,通过收集、分析和解读数据,为我们提供了更准确、更可靠的决策依据。本文将介绍定性、

    2024年02月06日
    浏览(38)
  • WPF图形控件使用之-Line线控件使用

    在项目中有的时候可能会用的画虚线或者设置线的流动效果,这个时候可能会使用到线控件。 属性 说明 描述 X1 起始x轴坐标 X1=\\\"10\\\" Y1 起始Y轴坐标 Y1=\\\"10\\\" X2 结束X轴坐标 X2=\\\"100\\\" Y2 结束Y轴坐标 Y2=\\\"100\\\" Stroke 线条颜色 Stroke=\\\"Red\\\" StrokeThickness 线条粗细 StrokeThickness=\\\"2\\\" StrokeDashArray 设置

    2024年02月13日
    浏览(41)
  • WPF编程--地图控件GMap使用

    目录 ​编辑 1.环境 2. NuGet导入依赖 3.  添加MapControl类 4. 编辑MainView.xaml.cs 5. 编辑MainView.xaml 6. 启动验证 源码 : https://github.com/liugang198409/WpfDemo/tree/master/GMapDemo  视频 :WPF编程--地图控件GMap_哔哩哔哩_bilibili VVisual Studio 2019 + .NET Framework 4.8.1 导入依赖GMap.NET.Presentation

    2024年02月10日
    浏览(37)
  • WPF中使用WebView2控件

    WebView2 全称 Microsoft Edge WebView2 控件,此控件的作用是在本机桌面应用中嵌入web技术(html,css,javascript),从名字就可以看出来WebView2使用了Edge内核渲染web内容。 通俗来说,WebView2控件是一个UI组件,允许在桌面应用中提供web能力的集成,即俗称的混合开发。 助力程序开发和

    2024年02月03日
    浏览(46)
  • 如何在WPF中使用Winform控件

            要在WPF中使用WInform组件,必须将WInform组件放在宿主WindowsFormsHost中.  WindowsFormsHost 是WPF的一个控件,它允许在WPF应用程序中托管Windows Forms控件。 要使用 WindowsFormsHost 控件,您需要在WPF项目中添加对 WindowsFormsIntegration 程序集的引用。这是如何做的步骤: 在解决方案

    2024年02月12日
    浏览(44)
  • 如何使用 WPF 用户控件关闭父窗口

    How to close parent windows using WPF User Control 如何使用 WPF 用户控件关闭父窗口 【问题描述】 假设有两个WPF窗口:window1和window2。 window1有一个按钮,单击此按钮将打开window2。window2包含一个用户控件。此用户控件有一个用于关闭window2的按钮。 怎样才能实现这个场景呢? 【解决方案

    2024年02月15日
    浏览(41)
  • 初识WPF——AduSkin控件库的使用

    (一)首先,新建一个WPF项目,我这里选用的就是WPF基于.NET Framework去新建项目。 (二)项目创建好之后,就可以开始进行自己的创作了,我自己也摸索着做了几个简单的界面。 但在这其中有发现了一些WPF和Winform的一些区别: 虽然它们都是用C#语言进行编程,但winform 是前后

    2024年02月05日
    浏览(33)
  • 【WPF应用39】WPF 控件深入解析:SaveFileDialog 的属性与使用方法

    在 Windows Presentation Foundation (WPF) 中,SaveFileDialog 控件是一个非常重要的文件对话框,它允许用户在文件系统中选择一个位置以保存文件。这个控件提供了很多属性,可以自定义文件对话框的显示内容和行为。 本文将详细介绍 SaveFileDialog 控件的属性和功能,如何在 WPF 应用程序

    2024年04月12日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包