Avalonia 使用 SukiUI 的步骤

1.在 Visual Studio 中通过 Nuget 搜索 SukiUI，然后点击安装

2.在项目 App.axaml 文件中配置主题文件

添加命名空间：

xmlns:suki="<https://github.com/kikipoulet/SukiUI>"

配置主题：

 <Application.Styles>
     <!--<FluentTheme />-->
		<suki:SukiTheme ThemeColor="Blue"  />
 </Application.Styles>

配置后的 App.axaml 文件如下：

<Application xmlns="<https://github.com/avaloniaui>"
             xmlns:x="<http://schemas.microsoft.com/winfx/2006/xaml>"
			 xmlns:suki="<https://github.com/kikipoulet/SukiUI>"
             xmlns:local="using:LogciDaily"
             x:Class="LogciDaily.App"
             RequestedThemeVariant="Default">
             <!-- "Default" ThemeVariant follows system theme variant. "Dark" or "Light" are other available options. -->

    <Application.DataTemplates>
        <local:ViewLocator/>
    </Application.DataTemplates>

    <Application.Styles>
        <!--<FluentTheme />-->
		<suki:SukiTheme ThemeColor="Blue"  />
    </Application.Styles>
</Application>

3.设置 Window 文件

将 Window 类改为 SukiWindow ：

<suki:SukiWindow xmlns="<https://github.com/avaloniaui>"
        xmlns:x="<http://schemas.microsoft.com/winfx/2006/xaml>"
        xmlns:vm="using:LogciDaily.ViewModels"
        xmlns:d="<http://schemas.microsoft.com/expression/blend/2008>"
        xmlns:mc="<http://schemas.openxmlformats.org/markup-compatibility/2006>"
		xmlns:suki="<https://github.com/kikipoulet/SukiUI>"
        xmlns:views="clr-namespace:LogciDaily.Views"
        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
        x:Class="LogciDaily.Views.MainWindow"
        Icon="/Assets/avalonia-logo.ico"
        Title="LogciDaily">
        <views:MainView />
</suki:SukiWindow>

后台代码：

using Avalonia.Controls;
using SukiUI.Controls;

namespace LogciDaily.Views;

public partial class MainWindow : SukiWindow
{
    public MainWindow()
    {
        InitializeComponent();
    }
}

参考：
https://kikipoulet.github.io/SukiUI/zh/documentation/getting-started/launch.html