Aura.UI

Control's Library for Avalonia

Overview

• Controls Availables

  • AuraTabItem : A Closable TabItem what has extra features.
  • TitleBar : Similar to GroupBox, but has 2 buttons and is easy-to-custom.
  • ColorPickerButton : A Toggle Button when you click it, shows a ColorPicker on a Window.

• Controls in Developing

  • GradientColorPicker : This control creates a GradientBrush to use in other controls.
  • SuperListBoxItem : A Powered-ListBoxItem has a Button and two TextBlocks.

• Windows Availables

  • ColorWindowSmall : This window shows a ColorPicker.

• Windows in Developing:

  • ChangeColorWindow : This window creates a SolidColorBrush or GradientBrush.

• Planned Controls and Windows for future versions:

  • ModernWindow : A window with TitleProperty like a UWP Window.
  • TabbedWindow : An optimized window to use with AuraTabItems.
  • NavigationView : A scrollable MenuItems, like UWP NavigationView.
  • StatusBar : This bar shows an status of application, it will use a class for the status.

• UI Extensions

  • TabControlExtensions:

   CloseTab(this TabControl tabControl, TabItem tabItem) //CloseTab with itself
   CloseTab(this TabControl tabControl, int index) //CLoses Tab with index
   AddTab(this TabControl tabControl, TabItem TabItemToAdd,bool Focus)
   //Add a Tab 

  • TemplatedControlExtensions:

   GetControl<T>(this TemplatedControl templatedControl ,TemplateAppliedEventArgs e, string name) where T : AvaloniaObject
   //Return an AvaloniaObject from Template

Install

Now the library is available in Nuget.org.

First Step

Go to the next link: https://www.nuget.org/packages/Aura.UI .

Second Step

Install Aura.UI with Visual Studio or dotnetCLI:

Visual Studio

Open the Nuget Packages Manager on your project and search Aura.UI.

Dotnet CLI

Open the terminal on the root folder of your project and write

dotnet add package Aura.UI --version 0.1.0

Do it like this:

Preparation

Add Styles to App.xaml

  <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.Default/DefaultTheme.xaml"/>
        <StyleInclude Source="avares://Avalonia.Themes.Default/Accents/BaseDark.xaml"/>
       <StyleInclude Source="avares://Aura.UI/AuraUI.xaml"/> <!-- Add this Source -->
    </Application.Styles>
  </Application>

Next add this using instructions:

using Aura.UI.Controls;
using Aura.UI.UIExtensions;
using Aura.UI.Windows;

About Aura.UI

This library is open source and free, in a few months come out the first stable version,for now, Aura.UI is a beta.