Home

Awesome

AntDesign.Avalonia

Develop

Preview

image image image image image image image image image

How to use

  1. Add [AntDesign.Avalonia][nuget] nuget package to your project:

    dotnet add package AntDesign.Avalonia
    
  2. Edit App.xaml file:

    If you install 1.0.0-* version or higher, use this:

    <Application ...
      xmlns:themes="clr-namespace:AntDesign;assembly=AntDesign"
      ...>
      <Application.Styles>
        <AntDesign:AntDesign Coloring="None" IsRounded="True"/>
        <AntDesign:AntDesignDataGrid/>
        <AntDesign:AntDesignColorPicker/>
      </Application.Styles>
    </Application>
    
     
    

    you can change ui global colour with Coloring Property:

   <AntDesign:AntDesign Coloring="None" />

you can change global CornerRadius with IsRounded Property:

   <AntDesign:AntDesign IsRounded="True" />
  1. If you want to using AntDesign only , you can only add [AntDesign]
  2. If you want to using AntDesign DataGrid only , you can only add [AntDesign.DataGrid]
  3. If you want to using AntDesign ColorPicker only , you can only add [AntDesign.ColorPicker]
  4. If you want to using Custom Fonts-Alibaba PuHuiTi(����Ͱ��ջ���) only , you can only add [Avalonia.Toolkit]

Demo

You can always download demo executable to play around with LocalizationManager

https://github.com/MicroSugarDeveloperOrg/AntDesign.Avalonia

Version compatibility

LocalizationManager.Avalonia VersionAvalonia Version
0.1.0-preview6.x11.0-preview6
0.1.0-preview7.x11.0-preview7
0.1.0-preview8.x11.0-preview8
0.1.0-rc1.x11.0-rc1.x

NOTE

AntDesign.Avalonia is moving forward together with Avalonia preview versions now. So new feature/fixes are not backported to previous preview versions. If you need a feature/fix for outdated avalonia preview version, please raise an issue so we can do that for you.

Credits

Avalonia AntDesign