misc: update readme, add overview page.

This commit is contained in:
rabbitism 2022-12-13 12:44:38 +08:00
parent 88d25e7926
commit 1f6f1bb0f8
5 changed files with 68 additions and 1 deletions

View File

@ -1 +1,5 @@
# Avalonia.Themes.Semi
# Semi.Avalonia
Avalonia Theme inspired by Semi Design
![Cover](./docs/cover.png)

BIN
docs/cover.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

View File

@ -5,6 +5,9 @@
Title="Semi.Demo" d:DesignHeight="450"
d:DesignWidth="800" mc:Ignorable="d">
<TabControl Margin="8" TabStripPlacement="Left">
<TabItem Header="Overview">
<pages:Overview />
</TabItem>
<TabItem Header="TextBlock">
<pages:TextBlockDemo />
</TabItem>

View File

@ -0,0 +1,42 @@
<UserControl
x:Class="Semi.Avalonia.Demo.Pages.Overview" xmlns="https://github.com/avaloniaui"
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" d:DesignHeight="450"
d:DesignWidth="800" mc:Ignorable="d">
<StackPanel Margin="10" Spacing="5">
<TextBlock
Classes="H6" Text="Welcome to Semi Avalonia"
Theme="{StaticResource TitleTextBlock}" />
<Border Theme="{StaticResource CardBorder}">
<StackPanel Orientation="Horizontal">
<StackPanel>
<RadioButton>Option 1</RadioButton>
<RadioButton>Option 2</RadioButton>
</StackPanel>
<Border VerticalAlignment="Center" Theme="{StaticResource RadioButtonGroupBorder}">
<StackPanel Orientation="Horizontal">
<RadioButton Theme="{StaticResource ButtonRadioButton}">选项 1</RadioButton>
<RadioButton Theme="{StaticResource ButtonRadioButton}">选项 2</RadioButton>
</StackPanel>
</Border>
</StackPanel>
</Border>
<Border Theme="{StaticResource CardBorder}">
<StackPanel Orientation="Horizontal">
<CheckBox>Avalonia</CheckBox>
<CheckBox>WPF</CheckBox>
</StackPanel>
</Border>
<Border Theme="{StaticResource CardBorder}">
<StackPanel Orientation="Horizontal">
<Button Classes="Primary">Primary</Button>
<Button Classes="Primary" Theme="{DynamicResource SolidButton}">Primary</Button>
<Button Classes="Primary" Theme="{DynamicResource BorderlessButton}">Primary</Button>
<Button Classes="Warning">Warning</Button>
<Button Classes="Warning" Theme="{DynamicResource SolidButton}">Warning</Button>
<Button Classes="Warning" Theme="{DynamicResource BorderlessButton}">Warning</Button>
</StackPanel>
</Border>
</StackPanel>
</UserControl>

View File

@ -0,0 +1,18 @@
using Avalonia;
using Avalonia.Controls;
using Avalonia.Markup.Xaml;
namespace Semi.Avalonia.Demo.Pages;
public partial class Overview : UserControl
{
public Overview()
{
InitializeComponent();
}
private void InitializeComponent()
{
AvaloniaXamlLoader.Load(this);
}
}