Files
Better-Seewo/Installer/Pages/WelcomePage.xaml

279 lines
14 KiB
Plaintext
Raw Normal View History

<!--
WelcomePage.xaml - Better-Seewo 安装向导欢迎页面
居中布局,显示 Logo、标题、副标题、功能列表和许可协议
带入场交错动画效果
作者:雾启工作室
-->
<Page x:Class="Better_Seewo.Installer.Pages.WelcomePage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Background="Transparent">
<!-- ===== 页面入场动画 ===== -->
<Page.Triggers>
<EventTrigger RoutedEvent="Page.Loaded">
<BeginStoryboard>
<Storyboard>
<!-- 标题区域:从上方滑入(延迟 0ms -->
<DoubleAnimation Storyboard.TargetName="TitlePanel"
Storyboard.TargetProperty="(UIElement.RenderTransform).(TranslateTransform.Y)"
From="-30" To="0"
Duration="0:0:0.500">
<DoubleAnimation.EasingFunction>
<CubicEase EasingMode="EaseOut" />
</DoubleAnimation.EasingFunction>
</DoubleAnimation>
<DoubleAnimation Storyboard.TargetName="TitlePanel"
Storyboard.TargetProperty="Opacity"
From="0" To="1"
Duration="0:0:0.500">
<DoubleAnimation.EasingFunction>
<CubicEase EasingMode="EaseOut" />
</DoubleAnimation.EasingFunction>
</DoubleAnimation>
<!-- 副标题区域:淡入(延迟 100ms -->
<DoubleAnimation Storyboard.TargetName="SubtitlePanel"
Storyboard.TargetProperty="Opacity"
From="0" To="1"
Duration="0:0:0.400"
BeginTime="0:0:0.100">
<DoubleAnimation.EasingFunction>
<CubicEase EasingMode="EaseOut" />
</DoubleAnimation.EasingFunction>
</DoubleAnimation>
<!-- 功能列表:淡入(延迟 200ms -->
<DoubleAnimation Storyboard.TargetName="FeaturesPanel"
Storyboard.TargetProperty="Opacity"
From="0" To="1"
Duration="0:0:0.400"
BeginTime="0:0:0.200">
<DoubleAnimation.EasingFunction>
<CubicEase EasingMode="EaseOut" />
</DoubleAnimation.EasingFunction>
</DoubleAnimation>
<!-- 许可协议区域:淡入(延迟 350ms -->
<DoubleAnimation Storyboard.TargetName="LicensePanel"
Storyboard.TargetProperty="Opacity"
From="0" To="1"
Duration="0:0:0.400"
BeginTime="0:0:0.350">
<DoubleAnimation.EasingFunction>
<CubicEase EasingMode="EaseOut" />
</DoubleAnimation.EasingFunction>
</DoubleAnimation>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Page.Triggers>
<!-- ===== 页面内容 ===== -->
<Grid Margin="40,24,40,16">
<!-- 滚动支持 -->
<ScrollViewer VerticalScrollBarVisibility="Auto"
HorizontalScrollBarVisibility="Disabled">
<StackPanel HorizontalAlignment="Center"
VerticalAlignment="Center"
MaxWidth="480">
<!-- ============================== -->
<!-- ===== 标题区域Logo + 标题) ===== -->
<!-- ============================== -->
<!-- Logo + 标题(从上方滑入) -->
<StackPanel x:Name="TitlePanel"
HorizontalAlignment="Center"
Opacity="0"
Margin="0,0,0,20">
<StackPanel.RenderTransform>
<TranslateTransform Y="-30" />
</StackPanel.RenderTransform>
<!-- 六边形 Logo 图标 -->
<Grid Width="64" Height="64"
HorizontalAlignment="Center"
Margin="0,0,0,12">
<!-- 外层发光效果 -->
<Ellipse Fill="{DynamicResource AccentBrush}"
Opacity="0.15"
Width="72" Height="72" />
<!-- 六边形主体 -->
<Path Data="M32 4L56 18V46L32 60L8 46V18L32 4Z"
Fill="{DynamicResource AccentBrush}"
Stretch="Uniform"
HorizontalAlignment="Center"
VerticalAlignment="Center">
<Path.RenderTransform>
<ScaleTransform ScaleX="0.9" ScaleY="0.9" />
</Path.RenderTransform>
</Path>
<!-- 内部钻石图形 -->
<Path Data="M32 16L44 28V40L32 48L20 40V28L32 16Z"
Fill="{DynamicResource BackgroundBrush}"
Stretch="Uniform"
HorizontalAlignment="Center"
VerticalAlignment="Center">
<Path.RenderTransform>
<ScaleTransform ScaleX="0.5" ScaleY="0.5" />
</Path.RenderTransform>
</Path>
</Grid>
<!-- 标题文字 -->
<TextBlock Text="Better-Seewo"
FontSize="28"
FontWeight="Bold"
Foreground="{DynamicResource TextPrimaryBrush}"
HorizontalAlignment="Center" />
</StackPanel>
<!-- 副标题 + 版本描述(淡入,延迟 100ms -->
<StackPanel x:Name="SubtitlePanel"
HorizontalAlignment="Center"
Opacity="0"
Margin="0,0,0,20">
<!-- 副标题 -->
<TextBlock Text="雾生万象,启以为光"
FontSize="14"
Foreground="{DynamicResource AccentBrush}"
HorizontalAlignment="Center"
Margin="0,0,0,4" />
<!-- 版本描述 -->
<TextBlock Text="希沃白板功能增强插件 v2.0.0"
FontSize="12"
Foreground="{DynamicResource TextSecondaryBrush}"
HorizontalAlignment="Center" />
</StackPanel>
<!-- ============================== -->
<!-- ===== 功能列表 ===== -->
<!-- ============================== -->
<StackPanel x:Name="FeaturesPanel"
Opacity="0"
Margin="0,0,0,16">
<!-- 功能列表标题 -->
<TextBlock Text="核心功能"
FontSize="13"
FontWeight="SemiBold"
Foreground="{DynamicResource TextSecondaryBrush}"
Margin="0,0,0,8" />
<!-- 功能 1增强白板功能 -->
<Border Background="{DynamicResource CardBackgroundBrush}"
BorderBrush="{DynamicResource BorderBrush}"
BorderThickness="1"
CornerRadius="6"
Padding="12,10"
Margin="0,0,0,6">
<StackPanel Orientation="Horizontal">
<!-- 图标:画笔 -->
<Path Data="M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.28,5.05L19.03,8.79L20.71,7.04Z"
Fill="{DynamicResource AccentBrush}"
Stretch="Uniform"
Width="16" Height="16"
VerticalAlignment="Center"
Margin="0,0,12,0" />
<TextBlock Text="增强白板功能"
FontSize="13"
Foreground="{DynamicResource TextPrimaryBrush}"
VerticalAlignment="Center" />
</StackPanel>
</Border>
<!-- 功能 2墨迹导入导出 -->
<Border Background="{DynamicResource CardBackgroundBrush}"
BorderBrush="{DynamicResource BorderBrush}"
BorderThickness="1"
CornerRadius="6"
Padding="12,10"
Margin="0,0,0,6">
<StackPanel Orientation="Horizontal">
<!-- 图标:文件导入导出 -->
<Path Data="M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z"
Fill="{DynamicResource AccentBrush}"
Stretch="Uniform"
Width="16" Height="16"
VerticalAlignment="Center"
Margin="0,0,12,0" />
<TextBlock Text="墨迹导入导出"
FontSize="13"
Foreground="{DynamicResource TextPrimaryBrush}"
VerticalAlignment="Center" />
</StackPanel>
</Border>
<!-- 功能 3格式转换工具 -->
<Border Background="{DynamicResource CardBackgroundBrush}"
BorderBrush="{DynamicResource BorderBrush}"
BorderThickness="1"
CornerRadius="6"
Padding="12,10"
Margin="0,0,0,0">
<StackPanel Orientation="Horizontal">
<!-- 图标:格式转换箭头 -->
<Path Data="M16,6L18.29,8.29L13.41,13.17L14.83,14.59L19.71,9.71L22,12V6M16,18H8V6H10V4H8A2,2 0 0,0 6,6V18A2,2 0 0,0 8,20H16A2,2 0 0,0 18,18V16H16V18Z"
Fill="{DynamicResource AccentBrush}"
Stretch="Uniform"
Width="16" Height="16"
VerticalAlignment="Center"
Margin="0,0,12,0" />
<TextBlock Text="格式转换工具"
FontSize="13"
Foreground="{DynamicResource TextPrimaryBrush}"
VerticalAlignment="Center" />
</StackPanel>
</Border>
</StackPanel>
<!-- ============================== -->
<!-- ===== 许可协议区域 ===== -->
<!-- ============================== -->
<StackPanel x:Name="LicensePanel"
Opacity="0">
<!-- 分隔线 -->
<Border Height="1"
Background="{DynamicResource BorderBrush}"
Margin="0,0,0,12" />
<!-- 协议文本框ScrollViewer 包裹) -->
<Border Background="{DynamicResource InputBackgroundBrush}"
BorderBrush="{DynamicResource BorderBrush}"
BorderThickness="1"
CornerRadius="4"
MaxHeight="80"
Margin="0,0,0,8">
<ScrollViewer VerticalScrollBarVisibility="Auto"
Padding="8">
<TextBlock TextWrapping="Wrap"
FontSize="11"
Foreground="{DynamicResource TextTertiaryBrush}"
LineHeight="16">
<Run Text="MIT License" FontWeight="SemiBold" />
<Run Text="&#x0a;&#x0a;Copyright (c) 2024 雾启工作室&#x0a;&#x0a;Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the &quot;Software&quot;), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:&#x0a;&#x0a;The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software." />
</TextBlock>
</ScrollViewer>
</Border>
<!-- 接受协议 CheckBox -->
<CheckBox x:Name="ChkAcceptLicense"
Content="我已阅读并同意上述许可协议"
FontSize="12"
Foreground="{DynamicResource TextSecondaryBrush}"
Margin="0,0,0,4"
Checked="ChkAcceptLicense_CheckedChanged"
Unchecked="ChkAcceptLicense_CheckedChanged" />
</StackPanel>
</StackPanel>
</ScrollViewer>
</Grid>
</Page>