当前位置:   article > 正文

一款现代化的.NET WPF UI框架,让你轻松实现MVVM

wpf ui框架

概述

   WPF开源的UI框架有很多,如HandyControl、MahApps.Metro、Xceed Extended WPF Toolkit™、Modern UI for WPF (MUI)、Layui-WPF、MaterialDesignInXamlToolkit、等等,今天小编带大家认识一款比较常用的kaiyuanUI---WPF UI,这款ui框架美观现代化,用起来也超级方便,下面是github源码下载链接:

https://github.com/lepoco/wpfui

这个开源ui目前在github的关注量 :6.1K.

学习文档地址

文档可在https://wpfui.lepo.co/

界面展示

    主界面

b12a1165b03a3c74041825e172f8391d.png

Messagebox

d26d1239b6b16a593617a8c218b72d19.png

dialog

0f59198c527930239a385396d846771c.png

snackbar

b4e230dca731454a3f80fda316e4eca0.png

progress

d1fa89bded3468832c1358efcb816c14.png

评分点赞的控件

94bbcc37506f9e0b3a97fb19847e6dfd.png

toggleswitch&sliders&Calendars&Date Pickers

3a3a04dad9b06da2a5479671945a15bf.png

listbox&listview

abe524dcd5a0535dcbdf6564b5b805af.png

icon

3246a4c19f0787f293757e712c77cff4.png

如何使用

添加词典

XAML以及WPF对资源字典进行操作。这些文件类似于HTML,描述控件的外观和各个方面。

WPFUI添加自己的这些文件集,告诉应用程序控件应该是什么样子。

在您的新应用程序中应该有一个名为App.xaml的文件。使用WPF UI控件Dictionary和ThemesDictionary类向其中添加新词典:

  1. <Application
  2. ...
  3. xmlns:ui="http://schemas.lepo.co/wpfui/2022/xaml">
  4. <Application.Resources>
  5. <ResourceDictionary>
  6. <ResourceDictionary.MergedDictionaries>
  7. <ui:ThemesDictionary Theme="Dark" />
  8. <ui:ControlsDictionary />
  9. </ResourceDictionary.MergedDictionaries>
  10. </ResourceDictionary>
  11. </Application.Resources>
  12. </Application>

你可以在这里选择一个颜色主题,

浅色或深色。

主窗口

在新创建的应用程序中应该有一个MainWindow.xaml文件。

它包含所用控件的排列及其参数。

  1. <Window x:Class="WpfApp1.MainWindow"
  2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4. xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  5. xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  6. xmlns:local="clr-namespace:WpfApp1"
  7. mc:Ignorable="d"
  8. Title="MainWindow" Height="450" Width="800">
  9. <Grid>
  10. </Grid>
  11. </Window>

您可以向该窗口添加一个新的名称空间,以告诉解释器您将在某个地方使用控件,例如WPF UI库。

  1. <Window
  2. ...
  3. xmlns:ui="http://schemas.lepo.co/wpfui/2022/xaml" />

添加控件

要从WPF UI库添加新控件,只需输入其类名,并在其前面加上UI:prefix:

  1. <Window x:Class="WpfApp1.MainWindow"
  2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4. xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  5. xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  6. xmlns:ui="http://schemas.lepo.co/wpfui/2022/xaml"
  7. xmlns:local="clr-namespace:WpfApp1"
  8. mc:Ignorable="d"
  9. Title="MainWindow" Height="450" Width="800">
  10. <Grid>
  11. <ui:SymbolIcon Symbol="Fluent24"/>
  12. </Grid>
  13. </Window>

添加控件

要从WPF UI库添加新控件,只需输入其类名,并在其前面加上UI:prefix:

当涉及到基础知识时,可以在文档中找到有关单个控件的信息,在Microsoft官方文档中可以找到构建WPF应用程序的规则。您可以在此处查看如何构建MVVM应用程序。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Cpp五条/article/detail/480695
推荐阅读
相关标签
  

闽ICP备14008679号