1. Dotnet9首页
  2. .NET
  3. WPF

MaterialDesignInXAML – 开源C# WPF控件库

时间如流水,只能流去不流回!

点赞再看,养成习惯,这是您给我创作的动力!

本文 Dotnet9 https://dotnet9.com 已收录,站长乐于分享dotnet相关技术,比如Winform、WPF、ASP.NET Core等,亦有C++桌面相关的Qt Quick和Qt Widgets等,只分享自己熟悉的、自己会的。

WPF做桌面开发是很有优势的,除了微软自带的控件外,还有很多第三方的控件库,比如收费的Dev Express For WPF、Telerik For WPF等,及Github上开源免费的控件库如MaterialDesignInXAML等。

本文主要介绍第三方C# WPF开源控件库: MaterialDesignInXAML ,该库有多优秀、多漂亮,你可以点击链接下载查看,也可以看我下面截的比较有特色、比较实用的部分截图,下图是博客园推荐截图: https://www.cnblogs.com/lsq6/p/11966708.html

MaterialDesignInXAML - 开源C# WPF控件库
博客园推荐

本文内容:

  1. 首页
  2. 支持主题风格切换
  3. 按钮
  4. 输入验证框
  5. 标签
  6. 卡片
  7. 图标
  8. 分组框
  9. 进度条
  10. 对话框
  11. 抽屉
  12. 简单提示

1、首页

从首页卡片布局就觉得很爽有没有?有相关项目界面需求时,使用这种方式展示数据很直观。

MaterialDesignInXAML - 开源C# WPF控件库
首页

2、支持主题风格切换

该控件库配有数十种颜色风格,满足大部分配色要求。

MaterialDesignInXAML - 开源C# WPF控件库
主题配色

3、按钮

界面开发中,交互式按钮用的比较多了,看下图,圆形按钮、图标按钮、按钮进度、按钮文字提示等等,Web中常见的效果WPF中也可以简单使用了。

MaterialDesignInXAML - 开源C# WPF控件库
各式各样按钮

4、输入验证框

表单验证,常规做法是在ViewModel中写业务逻辑验证代码,或者在XAML中写验证表达式。该控件库实现了较多的验证器,可直接使用,代码使用简单,且界面提示很友好,类似手机端输入、错误提示。

MaterialDesignInXAML - 开源C# WPF控件库
表单验证

5、标签

控件英文Chips,可用于标签,当列表显示数据较多时,可显示多个标签,用于点击过滤。

MaterialDesignInXAML - 开源C# WPF控件库
Chips

6、卡片

Cards,卡片式布局,列表、表格显示数据有时是很枯燥的,用卡片会给人耳目一新的感觉,很清爽,展示数据也一目了然,可图片+文字的形式展示,非常友好。

MaterialDesignInXAML - 开源C# WPF控件库
Cards

7、图标

Icon Pack,有成百上千种矢量图标供选择,极大的方便了开发,可用于菜单图标、按钮图标等。

MaterialDesignInXAML - 开源C# WPF控件库
Icon Pack

8、分组框

Group Boxes,组合框,类似卡片,组合框Header自定义很方便,可添加图片

MaterialDesignInXAML - 开源C# WPF控件库
Group Boxes

9、进度条

各式各样的进度条,还在为调整进度条各个部分而烦恼吗?这个控件库写了几种样式,几乎满足了一般需求使用了,不满足在上面基础上修改也是十分方便的。

MaterialDesignInXAML - 开源C# WPF控件库
进度条

10、对话框

遮罩式对话框,是不是很酷?支持整个窗体遮罩,也支持窗体部分用户控件对话框(这个我觉得我实用,有没有您对应的应用场景?)

MaterialDesignInXAML - 开源C# WPF控件库
对话框

11、抽屉

Drawer,抽屉式控件,支持东、南、西、北四个方向打开抽屉。

MaterialDesignInXAML - 开源C# WPF控件库
抽屉

12、简单提示

最后一个比较有用的是提示信息,这种方式不用弹框(免得用户点击关闭,即时加定时器自动关闭也不是很友好),可用于提示性的信息,看一眼即可这种。

MaterialDesignInXAML - 开源C# WPF控件库
简单提示

写在文章最后的话

WPF开源控件库很多,大家可以在Github上搜索,这套控件库应该是开源中最好的了,站长个人认为哈,大家也可以在下方留言,大家相互讨论学习,站长在工作中也常用此控件库,真的是极大的方便了工作。

控件官方介绍网址: http://materialdesigninxaml.net/

如果您喜欢小编写作风格, 亦欢迎大家推荐优秀开源WPF控件库给小编,小编在此谢谢大家对dotnet技术的关注和支持 。

除非注明,文章均由 Dotnet9 整理发布,欢迎转载。

转载请注明:
作者:Dotnet9
链接:https://dotnet9.com/2180.html
来源:Dotnet9
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

发表评论

登录后才能评论

评论列表(15条)

  • 站长-Dotnet9
    Dotnet9 2019年12月9日 15:26

    希望大家支持开源控件库,支持开源控件库作者!

    • Dz
      Dz 回复 Dotnet9 2020年6月4日 10:35

      你好,有个问题想请教一下你,是关于抽屉式的控件

  • 鼠大仙
    鼠大仙 2020年2月18日 15:46

    这个控件库不包含DataGrid表格类的组件吗??

    • 站长-沙漠尽头的狼
      Dotnet9 回复 鼠大仙 2020年2月18日 18:09

      下载Demo看看呢,没有的话,使用其他开源控件,Dev和Telerik也有破解版。

  • Dz
    Dz 2020年6月4日 10:28

    你好,看了你这篇文章,https://zhuanlan.zhihu.com/p/101406227,
    可以使用的,但是现在问题是点左边,左侧会缩进去,但是是右边的空白地方变多了
    有个问题想质询一下你,就是Grid分成 3列的话, 我想左侧点击的时候,中间那一列扩大,右边的不动,然后再点击中间变回原来的样子,左侧恢复,这种效果怎么实现

    • Dotnet9
      Dotnet9 回复 Dz 2020年6月4日 10:36

      第3列固定宽度,第1和2设置比例,应该好实现。

    • Dz
      Dz 回复 Dotnet9 2020年6月4日 10:42

      我是这样设置的,

      但是还是不行,还是跟之前一样,点击缩进去的时候,右侧会多出很多空白空间

    • Dz
      Dz 回复 Dotnet9 2020年6月4日 10:43

      Grid.ColumnDefinitions
      ColumnDefinition Width=”25*”
      ColumnDefinition Width=”50*”
      ColumnDefinition Width=”525″
      /Grid.ColumnDefinitions

    • Dotnet9
      Dotnet9 回复 Dz 2020年6月4日 10:58

      怎么缩的?有没有具体的代码?

    • Dz
      Dz 回复 Dotnet9 2020年6月4日 11:02

      就是跟你的demo中的一样,但是效果不同,有具体代码,Window.Resources,和单击事件都是跟你的一样

    • Dz
      Dz 回复 Dz 2020年6月4日 11:04

      这里没法发图片

    • Dotnet9
      Dotnet9 回复 Dz 2020年6月4日 15:03

      不能发,留言功能有待丰富

    • Dotnet9
      Dotnet9 回复 Dz 2020年6月4日 11:02

      可以扫描下面的二维码加我微信。

    • Dz
      Dz 回复 Dotnet9 2020年6月4日 11:05

      你好,已经扫码添加您的个人微信号了

    • Dotnet9
      Dotnet9 回复 Dz 2020年6月4日 15:03

      好的