feat: Add Banner

demo/Ursa.Demo/Pages/BannerDemo.axaml

@@ -4,32 +4,49 @@
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    xmlns:pages="clr-namespace:Ursa.Demo.Pages"
     xmlns:u="https://irihi.tech/ursa"
-    d:DesignHeight="450"
-    d:DesignWidth="800"
     mc:Ignorable="d">
+    <Design.DataContext>
+        <pages:BannerDemoViewModel />
+    </Design.DataContext>
     <StackPanel Spacing="20">
-        <!--    -->
-        <u:Banner
-            Margin="8"
-            Classes="Bordered"
-            Content="Content"
-            Header="Header" />
-        <u:Banner
-            Margin="8"
-            Classes="Bordered"
-            Content="C" />
-        <u:Banner
-            Margin="8"
-            HorizontalContentAlignment="Left"
-            Classes="Bordered"
-            Content="Content"
-            Header="Header" />
-        <u:Banner
-            Margin="8"
-            HorizontalContentAlignment="Left"
-            Classes="Bordered"
-            Content="C" />
-        <u:Banner Margin="8" Content="Content" />
+        <Grid ColumnDefinitions="*, 300">
+            <Grid Grid.Column="0">
+                <Border Margin="20">
+                    <u:Banner
+                        Classes.Bordered="{Binding Bordered}"
+                        Content="This is the Demo of Ursa Banner. "
+                        Header="Welcome to Ursa"
+                        Type="{Binding SelectedType}" />
+                </Border>
+            </Grid>
+            <Border Grid.Column="1" VerticalAlignment="Top">
+                <Grid ColumnDefinitions="*, Auto" RowDefinitions="*, *">
+                    <Label
+                        Grid.Row="0"
+                        Grid.Column="0"
+                        VerticalAlignment="Center"
+                        Content="Type" />
+                    <ComboBox
+                        Grid.Row="0"
+                        Grid.Column="1"
+                        MinWidth="200"
+                        Items="{Binding Types}"
+                        SelectedItem="{Binding SelectedType}" />
+                    <Label
+                        Grid.Row="1"
+                        Grid.Column="0"
+                        VerticalAlignment="Center"
+                        Content="Bordered" />
+                    <ToggleSwitch
+                        Grid.Row="1"
+                        Grid.Column="1"
+                        VerticalAlignment="Center"
+                        IsChecked="{Binding Bordered}" />
+                </Grid>
+            </Border>
+        </Grid>
+
     </StackPanel>
 </UserControl>

demo/Ursa.Demo/Pages/BannerDemo.axaml.cs

@@ -1,6 +1,9 @@
+using System.Collections.ObjectModel;
 using Avalonia;
 using Avalonia.Controls;
+using Avalonia.Controls.Notifications;
 using Avalonia.Markup.Xaml;
+using Ursa.Demo.ViewModels;
 
 namespace Ursa.Demo.Pages;
 
@@ -9,10 +12,37 @@ public partial class BannerDemo : UserControl
     public BannerDemo()
     {
         InitializeComponent();
+        this.DataContext = new BannerDemoViewModel();
+    }
+}
+
+public class BannerDemoViewModel: ViewModelBase
+{
+    private ObservableCollection<NotificationType> _types;
+    public ObservableCollection<NotificationType> Types
+    {
+        get => _types;
+        set => SetProperty(ref _types, value);
     }
 
-    private void InitializeComponent()
+    private NotificationType _selectedType;
+
+    public NotificationType SelectedType
     {
-        AvaloniaXamlLoader.Load(this);
+        get => _selectedType;
+        set => SetProperty(ref _selectedType, value);
+    }
+
+    private bool _bordered;
+
+    public bool Bordered
+    {
+        get => _bordered;
+        set => SetProperty(ref _bordered, value);
+    }
+
+    public BannerDemoViewModel()
+    {
+        Types = new ObservableCollection<NotificationType>() { NotificationType.Information, NotificationType.Warning, NotificationType.Error, NotificationType.Success };
     }
 }

demo/Ursa.Demo/Ursa.Demo.csproj

@@ -23,6 +23,7 @@
         <!--Condition below is needed to remove Avalonia.Diagnostics package from build output in Release configuration.-->
         <PackageReference Condition="'$(Configuration)' == 'Debug'" Include="Avalonia.Diagnostics" Version="11.0.0-preview5" />
         <PackageReference Include="CommunityToolkit.Mvvm" Version="8.1.0" />
+        <PackageReference Include="Semi.Avalonia" Version="0.1.0-preview5.1" />
         <PackageReference Include="XamlNameReferenceGenerator" Version="1.5.1" />
     </ItemGroup>