Official website:http://avaloniaui.net/

.NET Core UI framework Avalonia, Avalonia is a cross-platform UI framework based on WPF XAML and supports multiple operating systems: Windows (.NET Framework, .NET Core), Linux (GTK), MacOS, Android and iOS.

Avalonia is currently in beta.

GitHub:https://github.com/AvaloniaUI/Avalonia

Development preparation

VS 2017 installation extension https://marketplace.visualstudio.com/items?itemName=AvaloniaTeam.AvaloniaforVisualStudio

Then you can develop the project

By selecting Avalonia Application, you can create a project. By default, two will create two frameworks, .NET Framework 4.6.1 and .NET Core 2.0.

Can be created in the projectWindow andUserControl。

Sample UI project

Create a new base project myapp, add a few buttons to MainWindow.xaml, which is the syntax of WPF XAML, which can directly achieve the corresponding layout.

<Window xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="myapp">
    <Grid Width="800" Height="600">
      <StackPanel Margin="20">

        <Button Content="Button1" Name="btn1"/>

        <Button Content="Button2"/>

        <Button Content="Button3"/>
        <TextBox Text="LineZero" Name="myText"></TextBox>

      </StackPanel>
    </Grid>
  </Window>

 

Background corresponding code

public class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
#if DEBUG
            this.AttachDevTools();
#endif
        }

        private void InitializeComponent()
        {
            AvaloniaXamlLoader.Load(this);
            this.FindControl<Button>("btn1").Click += Btn1_Click;
        }

        private void Btn1_Click(object sender, Avalonia.Interactivity.RoutedEventArgs e)
        {
            var txt = this.FindControl<TextBox>("myText");
            txt.FontFamily = "Microsoft Yahei";
                         txt.Text = "LineZero button 1";
        }
    }

Running program

By default, the Chinese display is a bit problematic, and the font can be set.

Support for installation of different systems: https://github.com/AvaloniaUI/Avalonia/wiki/Platform-support

 

AvalonStudio

A more mature program in Avalonia.

GitHub: https://github.com/VitalElement/AvalonStudio

At present, the official introduction has corresponding functions, and the actual operation is somewhat lacking.

AvaloniaEdit.Demo is also a good example.

GitHub: https://github.com/AvaloniaUI/AvaloniaEdit

You can check out the official documentation: http://avaloniaui.net/guides/ .NET Core is even better in the future.