1..NET Core/.NET 开源项目汇总:WPF组件库
2.UI界面设计器(Dui Designer)v1.0.6.158
.NET Core/.NET 开源项目汇总:WPF组件库
WPF,作为Windows Presentation Foundation,设计是器源微软提供的一个用户界面框架,属于.NET Framework 3.0的码界面设一部分,旨在提供统一的源码编程模型、语言和框架,界面计器mirai源码 github实现界面设计人员与开发人员工作的设计分离,同时提供全新的器源多媒体交互用户图形界面。然而,码界面设尽管微软提供的源码WPF控件功能强大,但其样式可能并不尽如人意,界面计器需要专业的设计美工进行设计或定制。因此,器源开源社区中涌现了众多无私奉献的码界面设大牛分享出既美观又实用的WPF组件库,为开发者提供了丰富的源码选择。以下是流量掘金系统源码几款优秀的开源WPF组件库,供您参考。 一、MaterialDesignInXAML MaterialDesignInXAML是一个完全开源的WPF GUI库,它与MahApps和Dragablz兼容,提供了一套现代流行的设计语言,使得开发人员能够轻松地将美观的桌面应用程序带入生活。该库提供了丰富的组件和功能,包括: 首页:布局简洁、清爽,效果直观。 支持主题风格切换:库内包含数十种颜色风格,满足大部分配色要求,同时支持自定义皮肤。 按钮:提供多种形状的交互按钮,如圆形按钮、直播网站 源码下载图标按钮、按钮进度、按钮文字提示等,使Web中的常见效果在WPF中也能轻松实现。 输入验证框:实现了多种验证器,简化了表单验证的代码,同时提供了友好的界面提示。 标签:控件支持英文Chips,用于显示标签,特别适用于显示大量数据时,可通过点击进行过滤。 卡片:卡片式布局,用于显示数据,提供更生动、友好的手动上传源码展示方式,支持+文字的形式。 图标:提供了成百上千种矢量图标供选择,方便用于菜单图标、按钮图标等。 分组框:类似卡片的组合框,允许自定义Header,并支持添加。 进度条:提供多种样式,适用于不同需求,使得调整进度条各个部分变得简单。 对话框:遮罩式对话框,支持整个窗体遮罩或窗体部分用户控件对话框,实用性高。 抽屉:支持从东、南、rm命令的源码西、北四个方向打开抽屉,用于提供额外的功能或内容。 提示信息:提供了一种不弹框的提示方式,用于显示不需要用户操作的即时信息。 二、MahApps.Metro Metro是一个允许开发人员为WPF应用程序设计Metro或现代UI的框架。它重写了所有常见WPF控件的默认样式,提供了现代外观,并包含了一些基于WindowsPhone、Windows8和Windows(UWP)应用程序概念的自定义控件。MahApps.Metro的源代码托管在GitHub上,易于访问和改进。 三、AduSkin AduSkin是一款简单美观的WPF UI库,融合了多个开源框架组件,为个人定制UI提供了丰富选项。它支持动态修改皮肤,提供大量产品示例,供学者参考和使用。AduSkin的官方网站和开源地址均在GitHub上,方便开发者获取和使用。UI界面设计器(Dui Designer)v1.0.6.
Dui Designer 是一款专业的 UI 界面设计工具,最新版本为 v1.0.6.,修复了诸如 name 属性保存问题、控件视图更新不及时、不存在 bkcolor3 属性以及预览无法退出等已知的 Bug。虽然仍存在一些未解决的缺陷,但它已足够满足布局设计的基本需求。对于有此需求的用户,欢迎下载并体验。
要开始使用 Dui Designer,首先确保已将设计器的可执行文件(DuiDesigner.exe)从 duilib 源码的 bin 目录下找到并运行。值得注意的是,初次打开可能需要重新编译,否则可能会出现 XML 文件崩溃的情况。
一旦打开设计器,可以通过以下步骤创建一个项目并设计界面布局:
1. **新建项目**:在菜单栏选择“文件” > “新建” > “文件”,然后保存项目到指定路径。
2. **新建布局**:首先在项目中创建一个通用的布局,如使用“VerticalLayout”作为整个窗口的布局容器,通过工具箱添加布局到设计界面。
3. **设计标题栏**:接着,添加一个“HorizontalLayout”作为标题栏的布局容器,确保其宽度自动扩展至窗口宽度,以适应界面宽度变化。
4. **布局调整**:将“HorizontalLayout”分为左右两部分,右侧宽度设为 ,左侧则可添加垂直布局作为占位。布局设计完成后,根据需求添加控件,如按钮,可通过拖拽和调整大小、位置来实现布局。
5. **按钮对齐**:使用按钮对齐工具(如“顶端对齐”、“横向对齐”按钮)来调整控件的布局,使它们在视觉上形成统一。
6. **查看与编辑 XML**:在设计界面中,可以使用 Tab 面板打开并编辑对应的 XML 文件,以查看和修改布局、控件属性。通过属性列表(属性列表.xml)文件,可以了解所有控件的属性,虽然有些属性可能未完全涵盖。
7. **测试与调整**:完成设计后,点击“测试窗体”按钮预览界面效果,使用 Esc 键关闭预览窗口。在测试过程中,记得随时保存 XML 文件,以防设计器崩溃导致进度丢失。
Dui Designer 提供了直观且简便的界面设计功能,尽管存在一些已知的 Bug,但其基本布局设计能力足以满足日常需求。通过实践与探索,用户可以更好地理解界面设计的各个元素,并利用 Dui Designer 实现更加丰富、个性化的 UI。对于 UI 设计初学者而言,虽然可能会遇到一些挑战,但这是一个值得尝试和利用的工具。