mirror of
https://gitcode.com/gh_mirrors/se/Semi.Avalonia
synced 2026-04-05 16:56:34 +08:00
feat: add aboutus page.
This commit is contained in:
Dong Bin
219
demo/Semi.Avalonia.Demo/Pages/AboutUs.axaml
Normal file
219
demo/Semi.Avalonia.Demo/Pages/AboutUs.axaml
Normal file
@@ -0,0 +1,219 @@
|
|||||||
|
<UserControl
|
||||||
|
x:Class="Semi.Avalonia.Demo.Pages.AboutUs"
|
||||||
|
xmlns="https://github.com/avaloniaui"
|
||||||
|
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||||||
|
xmlns:collections="clr-namespace:Avalonia.Collections;assembly=Avalonia.Base"
|
||||||
|
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
|
||||||
|
xmlns:iri="https://irihi.tech/shared"
|
||||||
|
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
|
||||||
|
xmlns:pages="clr-namespace:Semi.Avalonia.Demo.Pages"
|
||||||
|
x:DataType="pages:AboutUsViewModel"
|
||||||
|
x:CompileBindings="True"
|
||||||
|
d:DesignHeight="450"
|
||||||
|
d:DesignWidth="800"
|
||||||
|
mc:Ignorable="d">
|
||||||
|
<UserControl.Resources>
|
||||||
|
<ResourceDictionary>
|
||||||
|
<ResourceDictionary.ThemeDictionaries>
|
||||||
|
<ResourceDictionary x:Key="Light">
|
||||||
|
<collections:AvaloniaList x:Key="CanvasPalette" x:TypeArguments="Color">
|
||||||
|
<Color>#FFFDB7A5</Color>
|
||||||
|
<Color>#FFF6A0B5</Color>
|
||||||
|
<Color>#FFDD9BE0</Color>
|
||||||
|
<Color>#FFC4A7E9</Color>
|
||||||
|
<Color>#FFA7B3E1</Color>
|
||||||
|
<Color>#FF98CDFD</Color>
|
||||||
|
<Color>#FF95D8F8</Color>
|
||||||
|
</collections:AvaloniaList>
|
||||||
|
<LinearGradientBrush x:Key="TileTitleForeground" StartPoint="">
|
||||||
|
<GradientStop Offset="0.0" Color="#FFA20B48" />
|
||||||
|
<GradientStop Offset="0.3" Color="#FF71168A" />
|
||||||
|
<GradientStop Offset="0.6" Color="#FF46259E" />
|
||||||
|
<GradientStop Offset="1.0" Color="#FF28348C" />
|
||||||
|
</LinearGradientBrush>
|
||||||
|
</ResourceDictionary>
|
||||||
|
<ResourceDictionary x:Key="Dark">
|
||||||
|
<collections:AvaloniaList x:Key="CanvasPalette" x:TypeArguments="Color">
|
||||||
|
<Color>#FFB42019</Color>
|
||||||
|
<Color>#FFA41751</Color>
|
||||||
|
<Color>#FF731F8A</Color>
|
||||||
|
<Color>#FF582EA0</Color>
|
||||||
|
<Color>#FF29368E</Color>
|
||||||
|
<Color>#FF135CB8</Color>
|
||||||
|
<Color>#FF0366A9</Color>
|
||||||
|
</collections:AvaloniaList>
|
||||||
|
<LinearGradientBrush x:Key="TileTitleForeground">
|
||||||
|
<GradientStop Offset="0.0" Color="#FFF7A8BC" />
|
||||||
|
<GradientStop Offset="0.3" Color="#FFDDA0E1" />
|
||||||
|
<GradientStop Offset="0.6" Color="#FFBEADE9" />
|
||||||
|
<GradientStop Offset="1.0" Color="#FFA7B4E2" />
|
||||||
|
</LinearGradientBrush>
|
||||||
|
</ResourceDictionary>
|
||||||
|
</ResourceDictionary.ThemeDictionaries>
|
||||||
|
<ControlTheme x:Key="TileButton" TargetType="Button">
|
||||||
|
<Setter Property="HorizontalContentAlignment" Value="Left" />
|
||||||
|
<Setter Property="Padding" Value="24" />
|
||||||
|
<Setter Property="VerticalContentAlignment" Value="Center" />
|
||||||
|
<Setter Property="Template">
|
||||||
|
<ControlTemplate>
|
||||||
|
<Border
|
||||||
|
Padding="0"
|
||||||
|
Classes="Hover"
|
||||||
|
Cursor="Hand"
|
||||||
|
Theme="{DynamicResource CardBorder}">
|
||||||
|
<Border.Transitions>
|
||||||
|
<Transitions>
|
||||||
|
<BrushTransition Property="BorderBrush" Duration="0.5" />
|
||||||
|
</Transitions>
|
||||||
|
</Border.Transitions>
|
||||||
|
<ContentPresenter
|
||||||
|
Padding="{TemplateBinding Padding}"
|
||||||
|
HorizontalAlignment="Stretch"
|
||||||
|
VerticalAlignment="Stretch"
|
||||||
|
HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
|
||||||
|
VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
|
||||||
|
Content="{TemplateBinding Content}"
|
||||||
|
ContentTemplate="{TemplateBinding ContentTemplate}" />
|
||||||
|
</Border>
|
||||||
|
</ControlTemplate>
|
||||||
|
</Setter>
|
||||||
|
<Style Selector="^:pointerover /template/ Border">
|
||||||
|
<Setter Property="BorderBrush" Value="{DynamicResource TileTitleForeground}" />
|
||||||
|
</Style>
|
||||||
|
</ControlTheme>
|
||||||
|
</ResourceDictionary>
|
||||||
|
</UserControl.Resources>
|
||||||
|
<UserControl.Styles>
|
||||||
|
<Style Selector="TextBlock.TileTitle">
|
||||||
|
<Setter Property="FontWeight" Value="700" />
|
||||||
|
<Setter Property="FontSize" Value="24" />
|
||||||
|
<Setter Property="Margin" Value="0 0 0 8" />
|
||||||
|
<Setter Property="Foreground" Value="{DynamicResource TileTitleForeground}" />
|
||||||
|
</Style>
|
||||||
|
</UserControl.Styles>
|
||||||
|
<Grid RowDefinitions="*, Auto">
|
||||||
|
<ScrollViewer>
|
||||||
|
<StackPanel>
|
||||||
|
<Grid
|
||||||
|
Margin="0,96,0,48"
|
||||||
|
HorizontalAlignment="Center"
|
||||||
|
ColumnDefinitions="*, *"
|
||||||
|
RowDefinitions="*, *">
|
||||||
|
<iri:IrihiLogo
|
||||||
|
Grid.Row="0"
|
||||||
|
Grid.RowSpan="2"
|
||||||
|
Grid.Column="0"
|
||||||
|
Fill="{DynamicResource TextBlockSecondaryForeground}"
|
||||||
|
Width="96"
|
||||||
|
Margin="0,0,24,0"
|
||||||
|
VerticalAlignment="Center" />
|
||||||
|
<TextBlock
|
||||||
|
Grid.Row="0"
|
||||||
|
Grid.Column="1"
|
||||||
|
HorizontalAlignment="Left"
|
||||||
|
VerticalAlignment="Bottom"
|
||||||
|
Classes="Secondary"
|
||||||
|
FontSize="48"
|
||||||
|
FontWeight="700"
|
||||||
|
Text="铱泓科技" />
|
||||||
|
<TextBlock
|
||||||
|
Grid.Row="1"
|
||||||
|
Grid.Column="1"
|
||||||
|
Margin="12,0,0,0"
|
||||||
|
HorizontalAlignment="Left"
|
||||||
|
VerticalAlignment="Top"
|
||||||
|
Classes="Secondary"
|
||||||
|
FontSize="16"
|
||||||
|
Text="IRIHI Technology" />
|
||||||
|
</Grid>
|
||||||
|
<TextBlock
|
||||||
|
HorizontalAlignment="Center"
|
||||||
|
Classes="Tertiary"
|
||||||
|
FontSize="20"
|
||||||
|
Text="聚焦生产力的美学进化" />
|
||||||
|
<TextBlock
|
||||||
|
HorizontalAlignment="Center"
|
||||||
|
Classes="Tertiary"
|
||||||
|
FontSize="20"
|
||||||
|
Text="Aesthetic Evolution of Productivity" />
|
||||||
|
<UniformGrid
|
||||||
|
MaxWidth="800"
|
||||||
|
Margin="24"
|
||||||
|
HorizontalAlignment="Center"
|
||||||
|
Columns="2">
|
||||||
|
<Button
|
||||||
|
Margin="8"
|
||||||
|
Command="{Binding NavigateCommand}"
|
||||||
|
CommandParameter="semi"
|
||||||
|
Theme="{DynamicResource TileButton}">
|
||||||
|
<StackPanel HorizontalAlignment="Left">
|
||||||
|
<TextBlock Classes="TileTitle" Text="Semi" />
|
||||||
|
<StackPanel Orientation="Horizontal" Margin="0 0 0 8">
|
||||||
|
<Label Theme="{DynamicResource TagLabel}" Classes="Blue Ghost">Open Source</Label>
|
||||||
|
</StackPanel>
|
||||||
|
<TextBlock Text="开箱即用的独立主题库" />
|
||||||
|
<TextBlock Text="A ready-to-use standalone theme library" />
|
||||||
|
</StackPanel>
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
Margin="8"
|
||||||
|
Command="{Binding NavigateCommand}"
|
||||||
|
CommandParameter="ursa"
|
||||||
|
Theme="{DynamicResource TileButton}">
|
||||||
|
<StackPanel HorizontalAlignment="Left">
|
||||||
|
<TextBlock Classes="TileTitle" Text="Ursa" />
|
||||||
|
<StackPanel Orientation="Horizontal" Margin="0 0 0 8">
|
||||||
|
<Label Theme="{DynamicResource TagLabel}" Classes="Blue Ghost">Open Source</Label>
|
||||||
|
</StackPanel>
|
||||||
|
<TextBlock Text="高性能企业级桌面客户端控件库" />
|
||||||
|
<TextBlock Text="High-performance enterprise level control library for desktop apps" />
|
||||||
|
</StackPanel>
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
Margin="8"
|
||||||
|
Command="{Binding NavigateCommand}"
|
||||||
|
CommandParameter="mantra"
|
||||||
|
Theme="{DynamicResource TileButton}">
|
||||||
|
<StackPanel HorizontalAlignment="Left">
|
||||||
|
<TextBlock Classes="TileTitle" Text="Mantra" />
|
||||||
|
<StackPanel Orientation="Horizontal" Margin="0 0 0 8">
|
||||||
|
<Label Theme="{DynamicResource TagLabel}" Classes="Purple Ghost">Commercial</Label>
|
||||||
|
</StackPanel>
|
||||||
|
<TextBlock Text="高性能文字排版渲染控件库" />
|
||||||
|
<TextBlock Text="High-performance typography control library" />
|
||||||
|
</StackPanel>
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
Margin="8"
|
||||||
|
Command="{Binding NavigateCommand}"
|
||||||
|
CommandParameter="huska"
|
||||||
|
Theme="{DynamicResource TileButton}">
|
||||||
|
<StackPanel HorizontalAlignment="Left">
|
||||||
|
<TextBlock Classes="TileTitle" Text="Huska" />
|
||||||
|
<StackPanel Orientation="Horizontal" Margin="0 0 0 8">
|
||||||
|
<Label Theme="{DynamicResource TagLabel}" Classes="Purple Ghost">Commercial</Label>
|
||||||
|
</StackPanel>
|
||||||
|
<TextBlock Text="手绘风格主题库" />
|
||||||
|
<TextBlock Text="Hand-drawing theme utilities" />
|
||||||
|
</StackPanel>
|
||||||
|
</Button>
|
||||||
|
</UniformGrid>
|
||||||
|
</StackPanel>
|
||||||
|
</ScrollViewer>
|
||||||
|
<StackPanel
|
||||||
|
Grid.Row="1"
|
||||||
|
Margin="0,16"
|
||||||
|
HorizontalAlignment="Center"
|
||||||
|
Orientation="Horizontal">
|
||||||
|
<StackPanel Margin="16,0" Orientation="Horizontal">
|
||||||
|
<HyperlinkButton
|
||||||
|
VerticalAlignment="Center"
|
||||||
|
Content="公司官网"
|
||||||
|
NavigateUri="https://irihi.tech/" />
|
||||||
|
</StackPanel>
|
||||||
|
<StackPanel Margin="16,0" Orientation="Horizontal">
|
||||||
|
<HyperlinkButton Content="GitHub" NavigateUri="https://github.com/irihitech" />
|
||||||
|
</StackPanel>
|
||||||
|
</StackPanel>
|
||||||
|
</Grid>
|
||||||
|
</UserControl>
|
||||||
58
demo/Semi.Avalonia.Demo/Pages/AboutUs.axaml.cs
Normal file
58
demo/Semi.Avalonia.Demo/Pages/AboutUs.axaml.cs
Normal file
@@ -0,0 +1,58 @@
|
|||||||
|
using System;
|
||||||
|
using System.Collections.Generic;
|
||||||
|
using System.Threading.Tasks;
|
||||||
|
using System.Windows.Input;
|
||||||
|
using Avalonia;
|
||||||
|
using Avalonia.Controls;
|
||||||
|
using Avalonia.Interactivity;
|
||||||
|
using Avalonia.Markup.Xaml;
|
||||||
|
using Avalonia.Platform.Storage;
|
||||||
|
using CommunityToolkit.Mvvm.ComponentModel;
|
||||||
|
using CommunityToolkit.Mvvm.Input;
|
||||||
|
|
||||||
|
namespace Semi.Avalonia.Demo.Pages;
|
||||||
|
|
||||||
|
public partial class AboutUs : UserControl
|
||||||
|
{
|
||||||
|
public AboutUs()
|
||||||
|
{
|
||||||
|
InitializeComponent();
|
||||||
|
this.DataContext = new AboutUsViewModel();
|
||||||
|
}
|
||||||
|
|
||||||
|
protected override void OnLoaded(RoutedEventArgs e)
|
||||||
|
{
|
||||||
|
base.OnLoaded(e);
|
||||||
|
if (this.DataContext is AboutUsViewModel vm)
|
||||||
|
{
|
||||||
|
var launcher = TopLevel.GetTopLevel(this)?.Launcher;
|
||||||
|
vm.Launcher = launcher;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public partial class AboutUsViewModel: ObservableObject
|
||||||
|
{
|
||||||
|
public ICommand NavigateCommand { get; set; }
|
||||||
|
|
||||||
|
internal ILauncher? Launcher { get; set; }
|
||||||
|
|
||||||
|
public AboutUsViewModel()
|
||||||
|
{
|
||||||
|
NavigateCommand = new AsyncRelayCommand<string>(OnNavigateAsync);
|
||||||
|
}
|
||||||
|
|
||||||
|
private static readonly IReadOnlyDictionary<string, string> _keyToUrlMapping = new Dictionary<string, string>()
|
||||||
|
{
|
||||||
|
["semi"] = "https://github.com/irihitech/Semi.Avalonia",
|
||||||
|
};
|
||||||
|
|
||||||
|
private async Task OnNavigateAsync(string? arg)
|
||||||
|
{
|
||||||
|
if (Launcher is not null && arg is not null && _keyToUrlMapping.TryGetValue(arg.ToLower(), out var uri))
|
||||||
|
{
|
||||||
|
await Launcher.LaunchUriAsync(new Uri(uri));
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -1,4 +1,5 @@
|
|||||||
using Avalonia.Controls;
|
using Avalonia.Controls;
|
||||||
|
using Avalonia.Media;
|
||||||
|
|
||||||
namespace Semi.Avalonia.Demo.Pages;
|
namespace Semi.Avalonia.Demo.Pages;
|
||||||
|
|
||||||
|
|||||||
@@ -19,6 +19,7 @@
|
|||||||
<PrivateAssets Condition="'$(Configuration)' != 'Debug'">All</PrivateAssets>
|
<PrivateAssets Condition="'$(Configuration)' != 'Debug'">All</PrivateAssets>
|
||||||
</PackageReference>
|
</PackageReference>
|
||||||
<PackageReference Include="CommunityToolkit.Mvvm" Version="$(CommunityToolkitVersion)"/>
|
<PackageReference Include="CommunityToolkit.Mvvm" Version="$(CommunityToolkitVersion)"/>
|
||||||
|
<PackageReference Include="Irihi.Avalonia.Shared" Version="0.3.0" />
|
||||||
</ItemGroup>
|
</ItemGroup>
|
||||||
|
|
||||||
<ItemGroup>
|
<ItemGroup>
|
||||||
|
|||||||
@@ -111,6 +111,9 @@
|
|||||||
<TabItem Header="Overview">
|
<TabItem Header="Overview">
|
||||||
<pages:Overview />
|
<pages:Overview />
|
||||||
</TabItem>
|
</TabItem>
|
||||||
|
<TabItem Header="About Us">
|
||||||
|
<pages:AboutUs />
|
||||||
|
</TabItem>
|
||||||
<TabItem
|
<TabItem
|
||||||
Theme="{DynamicResource CategoryTabItem}"
|
Theme="{DynamicResource CategoryTabItem}"
|
||||||
Header="Resource Browser" />
|
Header="Resource Browser" />
|
||||||
|
|||||||
Reference in New Issue
Block a user
