一款.NET下 WPF UI框架介绍

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

界面展示

主界面

Messagebox

dialog

snackbar

progress

评分点赞的控件

toggleswitch&sliders&Calendars&Date Pickers

listbox&listview

icon

如何使用

1.直接在应用程序的项目文件(.csProj)中指定Wpf.Ui.dll文件

2.将代码库复制到应用程序的代码库中

3.使用NuGet包管理器进行安装

简单使用例子

添加词典

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

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

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

<Application  ...  xmlns:ui="http://schemas.lepo.co/wpfui/2022/xaml">  <Application.Resources>    <ResourceDictionary>      <ResourceDictionary.MergedDictionaries>        <ui:ThemesDictionary Theme="Dark" />        <ui:ControlsDictionary />      </ResourceDictionary.MergedDictionaries>    </ResourceDictionary>  </Application.Resources></Application>

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

浅色或深色。

主窗口

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

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

<Window x:Class="WpfApp1.MainWindow"        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:local="clr-namespace:WpfApp1"        mc:Ignorable="d"        Title="MainWindow" Height="450" Width="800">    <Grid>
    </Grid></Window>

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

<Window  ...  xmlns:ui="http://schemas.lepo.co/wpfui/2022/xaml" />上面的ui是命名空间的别名，自己可以随便起，使用时用别名.控件就可以

添加控件

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

<Window x:Class="WpfApp1.MainWindow"        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:ui="http://schemas.lepo.co/wpfui/2022/xaml"        xmlns:local="clr-namespace:WpfApp1"        mc:Ignorable="d"        Title="MainWindow" Height="450" Width="800">    <Grid>      <ui:SymbolIcon Symbol="Fluent24"/>    </Grid></Window>

添加控件

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

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