8dd1eed519
- Fluent Design 风格 UI，深色/浅色主题切换 - 平滑过渡动画（页面切换、按钮交互、状态变化） - 五大核心功能：安装管理、墨迹管理、格式转换、触摸设置、激活管理 - 基于 dotnetCampus.EasiPlugin.Sdk v2.1.1-alpha.3 插件框架 - WPF 安装向导（欢迎页 -> 安装页 -> 完成页）
279 lines
14 KiB
XML
279 lines
14 KiB
XML
<!--
|
||
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="

Copyright (c) 2024 雾启工作室

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), 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:

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>
|