Avalonia UI 控件库Aura.UI使用教程

Avalonia UI 控件库Aura.UI使用教程

Aura.UI A Library with a lot of Controls for AvaloniaUI 项目地址: https://gitcode.com/gh_mirrors/au/Aura.UI

1. 项目介绍

Aura.UI是一个为Avalonia UI框架设计的控件库，提供了丰富的UI组件，如浮动按钮栏、现代滑块、进度环、选项卡视图、导航视图、标签等。这个库旨在帮助开发者构建现代化的桌面应用程序界面。

2. 项目快速启动

安装

首先，您需要安装Aura.UI库到您的项目中。可以通过以下两种方式进行安装：

使用Visual Studio

1. 在您的项目中打开Nuget包管理器。
2. 搜索Aura.UI并安装。

使用命令行

1. 打开项目根目录下的终端。
2. 运行以下命令安装Aura.UI：

dotnet add package Aura.UI --version 0.1.4.2

3. 同时，您还需要安装样式包：

dotnet add package Aura.UI.FluentTheme --version 0.1.4.2

配置

在您的App.xaml文件中，根据您选择的主题添加相应的样式：

对于Fluent主题

<Application
    xmlns="https://github.com/avaloniaui"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    x:Class="YourApp.App">
    <Application.Styles>
        <FluentTheme Mode="Light"/>
        <StyleInclude Source="avares://Aura.UI.FluentTheme/AuraUI.xaml"/>
    </Application.Styles>
</Application>

对于默认主题

<Application
    xmlns="https://github.com/avaloniaui"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    x:Class="YourApp.App">
    <Application.Styles>
        <StyleInclude Source="avares://Avalonia.Themes.Fluent/Accents/BaseLight.xaml"/>
        <StyleInclude Source="avares://Aura.UI.FluentTheme/AuraUI.xaml"/>
        <StyleInclude Source="avares://Avalonia.Themes.Default/Accents/BaseLight.xaml"/>
        <StyleInclude Source="avares://Avalonia.Themes.Default/DefaultTheme.xaml"/>
    </Application.Styles>
</Application>

3. 应用案例和最佳实践

以下是一些使用Aura.UI构建应用程序的案例和最佳实践：

• 浮动按钮栏（FloatingButtonBar）：用于在屏幕底部提供快速访问常用功能的按钮。
• 现代滑块（ModernSlider）：为用户提供平滑的交互体验，适用于调整设置或选择值。
• 进度环（ProgressRing）：显示任务进度，适用于后台操作或下载任务。
• 选项卡视图（AuraTabView）：用于管理多个视图或页面的切换。
• 导航视图（NavigationView）：为应用程序提供侧边导航菜单。

4. 典型生态项目

Aura.UI是Avalonia UI生态系统的一部分，以下是一些与之协同工作的典型项目：

• Avalonia：Avalonia是一个跨平台的UI框架，允许开发者使用XAML和C#构建应用程序。
• Avalonia.Themes：提供了一系列主题，使开发者可以轻松改变应用程序的外观和风格。

通过结合使用这些项目，开发者可以构建出功能丰富、外观美观的应用程序。

Aura.UI A Library with a lot of Controls for AvaloniaUI 项目地址: https://gitcode.com/gh_mirrors/au/Aura.UI