Aura.UI 0.1.2

Control's Library for Avalonia.

There is a newer prerelease version of this package available.
See the version list below for details.
Install-Package Aura.UI -Version 0.1.2
dotnet add package Aura.UI --version 0.1.2
<PackageReference Include="Aura.UI" Version="0.1.2" />
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add Aura.UI --version 0.1.2
The NuGet Team does not provide support for this client. Please contact its maintainers for support.
#r "nuget: Aura.UI, 0.1.2"
For F# scripts that support #r syntax, copy this into the source code to reference the package.

Gitter
NuGet
downloads
Discord

<h1 align="center">
<img src="DesignSources/auraui-logo.png" width="256"/>
<br/><br/>
Aura.UI
</h1>
<h2 align="center">Control's Library for Avalonia</h2>

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.
    • PagesView : A Pages Collection for simplify the life.
  • Controls in Developing

    • GradientEditor : 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.

<h2>First Step</h2>

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

<h2>Second Step</h2>

Install Aura.UI with Visual Studio or dotnetCLI:

<h3>Visual Studio</h3>

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

<img src="Pictures\vs_aura_ui.png" ></img>

<h3>Dotnet CLI</h3>

Open the terminal on the root folder of your project and write <br/>

dotnet add package Aura.UI --version 0.1.0

Do it like this:

<img src="Pictures/cli_aura_ui.png"></img>

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;

Language Manager

What's that?

It's a tool to ease the changes of an application's language .

How to use

Add the using statements to App.xaml.cs and MainWindow.xaml

using Aura.UI.Managers;

On App.xaml.cs

public static ILanguageManager? Manager { get; set; }
public override void OnFrameworkInitializationCompleted()
        {
            if (ApplicationLifetime is IClassicDesktopStyleApplicationLifetime desktop)
            {
                Manager = LanguageManager.Create("Languages");
                Manager.LoadSelectedLanguage("Language.theme");
                desktop.MainWindow = new MainWindow()
                {
                    DataContext = Manager
                };
                desktop.Exit += (sender , e) =>
                {
                    Manager.SaveSelectedLanguage("Language.theme");
                };
            }
            base.OnFrameworkInitializationCompleted();
        }

On MainWindow.xaml.cs

public MainWindow(){
   InitializeComponent();
   App.Selector.EnableThemes(this);
}

Finally, add this using statement to Program.cs

using Avalonia.Controls.ApplicationLifetimes;

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.

How To Collaborate

If you want to collaborate with this proyect, contact me with the next links:

  • Whatsapp
  • Messenger
  • Gitter

Gitter
NuGet
downloads
Discord

<h1 align="center">
<img src="DesignSources/auraui-logo.png" width="256"/>
<br/><br/>
Aura.UI
</h1>
<h2 align="center">Control's Library for Avalonia</h2>

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.
    • PagesView : A Pages Collection for simplify the life.
  • Controls in Developing

    • GradientEditor : 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.

<h2>First Step</h2>

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

<h2>Second Step</h2>

Install Aura.UI with Visual Studio or dotnetCLI:

<h3>Visual Studio</h3>

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

<img src="Pictures\vs_aura_ui.png" ></img>

<h3>Dotnet CLI</h3>

Open the terminal on the root folder of your project and write <br/>

dotnet add package Aura.UI --version 0.1.0

Do it like this:

<img src="Pictures/cli_aura_ui.png"></img>

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;

Language Manager

What's that?

It's a tool to ease the changes of an application's language .

How to use

Add the using statements to App.xaml.cs and MainWindow.xaml

using Aura.UI.Managers;

On App.xaml.cs

public static ILanguageManager? Manager { get; set; }
public override void OnFrameworkInitializationCompleted()
        {
            if (ApplicationLifetime is IClassicDesktopStyleApplicationLifetime desktop)
            {
                Manager = LanguageManager.Create("Languages");
                Manager.LoadSelectedLanguage("Language.theme");
                desktop.MainWindow = new MainWindow()
                {
                    DataContext = Manager
                };
                desktop.Exit += (sender , e) =>
                {
                    Manager.SaveSelectedLanguage("Language.theme");
                };
            }
            base.OnFrameworkInitializationCompleted();
        }

On MainWindow.xaml.cs

public MainWindow(){
   InitializeComponent();
   App.Selector.EnableThemes(this);
}

Finally, add this using statement to Program.cs

using Avalonia.Controls.ApplicationLifetimes;

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.

How To Collaborate

If you want to collaborate with this proyect, contact me with the next links:

  • Whatsapp
  • Messenger
  • Gitter

Release Notes

First Beta Release

NuGet packages

This package is not used by any NuGet packages.

GitHub repositories (1)

Showing the top 1 popular GitHub repositories that depend on Aura.UI:

Repository Stars
PieroCastillo/Aura.UI
A Library with a lot of Controls for AvaloniaUI

Version History

Version Downloads Last updated
0.1.3-rc1 41 2/5/2021
0.1.3-preview9 128 12/9/2020
0.1.3-preview8 191 11/15/2020
0.1.3-preview7 139 10/19/2020
0.1.3-preview6 116 10/11/2020
0.1.3-preview4 150 10/10/2020
0.1.3-preview3 172 9/23/2020
0.1.3-preview2 128 9/18/2020
0.1.3-preview1 241 9/12/2020
0.1.2 185 8/27/2020
0.1.1 282 8/2/2020
0.1.0 450 8/2/2020
Show less