feat: Better-Seewo v2.0.0 - 希沃白板功能增强插件
- Fluent Design 风格 UI，深色/浅色主题切换 - 平滑过渡动画（页面切换、按钮交互、状态变化） - 五大核心功能：安装管理、墨迹管理、格式转换、触摸设置、激活管理 - 基于 dotnetCampus.EasiPlugin.Sdk v2.1.1-alpha.3 插件框架 - WPF 安装向导（欢迎页 -> 安装页 -> 完成页）
This commit is contained in:
miao-moe
422
Installer/Pages/CompletePage.xaml
Normal file
422
Installer/Pages/CompletePage.xaml
Normal file
@@ -0,0 +1,422 @@
|
||||
<!--
|
||||
CompletePage.xaml - Better-Seewo 安装向导完成页面
|
||||
显示安装成功图标、安装摘要和操作按钮
|
||||
带成功图标弹出动画和元素交错淡入
|
||||
作者：雾启工作室
|
||||
-->
|
||||
|
||||
<Page x:Class="Better_Seewo.Installer.Pages.CompletePage"
|
||||
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>
|
||||
<!-- 成功图标弹出动画：Scale 0 -> 1.2 -> 1.0 -->
|
||||
<DoubleAnimation Storyboard.TargetName="SuccessIconPanel"
|
||||
Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)"
|
||||
From="0" To="1.2"
|
||||
Duration="0:0:0.400">
|
||||
<DoubleAnimation.EasingFunction>
|
||||
<CubicEase EasingMode="EaseOut" />
|
||||
</DoubleAnimation.EasingFunction>
|
||||
</DoubleAnimation>
|
||||
<DoubleAnimation Storyboard.TargetName="SuccessIconPanel"
|
||||
Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleY)"
|
||||
From="0" To="1.2"
|
||||
Duration="0:0:0.400">
|
||||
<DoubleAnimation.EasingFunction>
|
||||
<CubicEase EasingMode="EaseOut" />
|
||||
</DoubleAnimation.EasingFunction>
|
||||
</DoubleAnimation>
|
||||
<!-- 弹出后回弹到 1.0 -->
|
||||
<DoubleAnimation Storyboard.TargetName="SuccessIconPanel"
|
||||
Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)"
|
||||
From="1.2" To="1.0"
|
||||
Duration="0:0:0.200"
|
||||
BeginTime="0:0:0.400">
|
||||
<DoubleAnimation.EasingFunction>
|
||||
<CubicEase EasingMode="EaseInOut" />
|
||||
</DoubleAnimation.EasingFunction>
|
||||
</DoubleAnimation>
|
||||
<DoubleAnimation Storyboard.TargetName="SuccessIconPanel"
|
||||
Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleY)"
|
||||
From="1.2" To="1.0"
|
||||
Duration="0:0:0.200"
|
||||
BeginTime="0:0:0.400">
|
||||
<DoubleAnimation.EasingFunction>
|
||||
<CubicEase EasingMode="EaseInOut" />
|
||||
</DoubleAnimation.EasingFunction>
|
||||
</DoubleAnimation>
|
||||
|
||||
<!-- 标题文字：淡入（延迟 300ms） -->
|
||||
<DoubleAnimation Storyboard.TargetName="TitlePanel"
|
||||
Storyboard.TargetProperty="Opacity"
|
||||
From="0" To="1"
|
||||
Duration="0:0:0.400"
|
||||
BeginTime="0:0:0.300">
|
||||
<DoubleAnimation.EasingFunction>
|
||||
<CubicEase EasingMode="EaseOut" />
|
||||
</DoubleAnimation.EasingFunction>
|
||||
</DoubleAnimation>
|
||||
|
||||
<!-- 安装摘要：淡入（延迟 450ms） -->
|
||||
<DoubleAnimation Storyboard.TargetName="SummaryPanel"
|
||||
Storyboard.TargetProperty="Opacity"
|
||||
From="0" To="1"
|
||||
Duration="0:0:0.400"
|
||||
BeginTime="0:0:0.450">
|
||||
<DoubleAnimation.EasingFunction>
|
||||
<CubicEase EasingMode="EaseOut" />
|
||||
</DoubleAnimation.EasingFunction>
|
||||
</DoubleAnimation>
|
||||
|
||||
<!-- 按钮区域：淡入（延迟 600ms） -->
|
||||
<DoubleAnimation Storyboard.TargetName="ButtonsPanel"
|
||||
Storyboard.TargetProperty="Opacity"
|
||||
From="0" To="1"
|
||||
Duration="0:0:0.400"
|
||||
BeginTime="0:0:0.600">
|
||||
<DoubleAnimation.EasingFunction>
|
||||
<CubicEase EasingMode="EaseOut" />
|
||||
</DoubleAnimation.EasingFunction>
|
||||
</DoubleAnimation>
|
||||
</Storyboard>
|
||||
</BeginStoryboard>
|
||||
</EventTrigger>
|
||||
</Page.Triggers>
|
||||
|
||||
<!-- ===== 页面内容 ===== -->
|
||||
<Grid Margin="40,24,40,16">
|
||||
<StackPanel HorizontalAlignment="Center"
|
||||
VerticalAlignment="Center"
|
||||
MaxWidth="420">
|
||||
|
||||
<!-- ============================== -->
|
||||
<!-- ===== 成功图标 ===== -->
|
||||
<!-- ============================== -->
|
||||
<Grid x:Name="SuccessIconPanel"
|
||||
Width="72" Height="72"
|
||||
HorizontalAlignment="Center"
|
||||
Margin="0,0,0,20">
|
||||
<Grid.RenderTransform>
|
||||
<ScaleTransform ScaleX="0" ScaleY="0" />
|
||||
</Grid.RenderTransform>
|
||||
|
||||
<!-- 外层发光效果 -->
|
||||
<Ellipse Fill="{DynamicResource SuccessBrush}"
|
||||
Opacity="0.12"
|
||||
Width="80" Height="80" />
|
||||
|
||||
<!-- 绿色圆形背景 -->
|
||||
<Ellipse Fill="{DynamicResource SuccessBrush}"
|
||||
Opacity="0.2"
|
||||
Width="72" Height="72" />
|
||||
|
||||
<!-- 绿色圆圈 -->
|
||||
<Path Data="M36,4C17.9,4 4,17.9 4,36C4,54.1 17.9,68 36,68C54.1,68 68,54.1 68,36C68,17.9 54.1,4 36,4Z"
|
||||
Fill="None"
|
||||
Stroke="{DynamicResource SuccessBrush}"
|
||||
StrokeThickness="2.5"
|
||||
Stretch="Uniform"
|
||||
HorizontalAlignment="Center"
|
||||
VerticalAlignment="Center" />
|
||||
|
||||
<!-- 勾号 -->
|
||||
<Path Data="M22,36L32,46L50,26"
|
||||
Fill="None"
|
||||
Stroke="{DynamicResource SuccessBrush}"
|
||||
StrokeThickness="3"
|
||||
StrokeLineCap="Round"
|
||||
StrokeLineJoin="Round"
|
||||
Stretch="Uniform"
|
||||
HorizontalAlignment="Center"
|
||||
VerticalAlignment="Center"
|
||||
Margin="2,2,2,-2" />
|
||||
</Grid>
|
||||
|
||||
<!-- ============================== -->
|
||||
<!-- ===== 标题和描述 ===== -->
|
||||
<!-- ============================== -->
|
||||
<StackPanel x:Name="TitlePanel"
|
||||
HorizontalAlignment="Center"
|
||||
Opacity="0"
|
||||
Margin="0,0,0,20">
|
||||
|
||||
<!-- 标题 -->
|
||||
<TextBlock Text="安装完成！"
|
||||
FontSize="24"
|
||||
FontWeight="Bold"
|
||||
Foreground="{DynamicResource TextPrimaryBrush}"
|
||||
HorizontalAlignment="Center"
|
||||
Margin="0,0,0,4" />
|
||||
|
||||
<!-- 描述 -->
|
||||
<TextBlock Text="Better-Seewo 已成功安装到您的计算机"
|
||||
FontSize="13"
|
||||
Foreground="{DynamicResource TextSecondaryBrush}"
|
||||
HorizontalAlignment="Center" />
|
||||
</StackPanel>
|
||||
|
||||
<!-- ============================== -->
|
||||
<!-- ===== 安装摘要 ===== -->
|
||||
<!-- ============================== -->
|
||||
<Border x:Name="SummaryPanel"
|
||||
Background="{DynamicResource CardBackgroundBrush}"
|
||||
BorderBrush="{DynamicResource BorderBrush}"
|
||||
BorderThickness="1"
|
||||
CornerRadius="8"
|
||||
Padding="16"
|
||||
Opacity="0"
|
||||
Margin="0,0,0,24">
|
||||
|
||||
<StackPanel>
|
||||
<!-- 摘要标题 -->
|
||||
<TextBlock Text="安装摘要"
|
||||
FontSize="13"
|
||||
FontWeight="SemiBold"
|
||||
Foreground="{DynamicResource TextPrimaryBrush}"
|
||||
Margin="0,0,0,12" />
|
||||
|
||||
<!-- 版本号 -->
|
||||
<Grid Margin="0,0,0,8">
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="Auto" />
|
||||
<ColumnDefinition Width="*" />
|
||||
</Grid.ColumnDefinitions>
|
||||
|
||||
<TextBlock Grid.Column="0"
|
||||
Text="版本号"
|
||||
FontSize="12"
|
||||
Foreground="{DynamicResource TextSecondaryBrush}"
|
||||
Margin="0,0,16,0" />
|
||||
<TextBlock x:Name="TxtVersion"
|
||||
Grid.Column="1"
|
||||
Text="v2.0.0"
|
||||
FontSize="12"
|
||||
Foreground="{DynamicResource TextPrimaryBrush}" />
|
||||
</Grid>
|
||||
|
||||
<!-- 安装路径 -->
|
||||
<Grid Margin="0,0,0,8">
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="Auto" />
|
||||
<ColumnDefinition Width="*" />
|
||||
</Grid.ColumnDefinitions>
|
||||
|
||||
<TextBlock Grid.Column="0"
|
||||
Text="安装路径"
|
||||
FontSize="12"
|
||||
Foreground="{DynamicResource TextSecondaryBrush}"
|
||||
Margin="0,0,16,0" />
|
||||
<TextBlock x:Name="TxtInstallPath"
|
||||
Grid.Column="1"
|
||||
Text="C:\Program Files (x86)\Seewo\EasiNote5\Plugins\Better-EN5"
|
||||
FontSize="12"
|
||||
Foreground="{DynamicResource TextPrimaryBrush}"
|
||||
TextTrimming="CharacterEllipsis" />
|
||||
</Grid>
|
||||
|
||||
<!-- 安装时间 -->
|
||||
<Grid>
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="Auto" />
|
||||
<ColumnDefinition Width="*" />
|
||||
</Grid.ColumnDefinitions>
|
||||
|
||||
<TextBlock Grid.Column="0"
|
||||
Text="安装时间"
|
||||
FontSize="12"
|
||||
Foreground="{DynamicResource TextSecondaryBrush}"
|
||||
Margin="0,0,16,0" />
|
||||
<TextBlock x:Name="TxtInstallTime"
|
||||
Grid.Column="1"
|
||||
Text="--"
|
||||
FontSize="12"
|
||||
Foreground="{DynamicResource TextPrimaryBrush}" />
|
||||
</Grid>
|
||||
</StackPanel>
|
||||
</Border>
|
||||
|
||||
<!-- ============================== -->
|
||||
<!-- ===== 操作按钮 ===== -->
|
||||
<!-- ============================== -->
|
||||
<StackPanel x:Name="ButtonsPanel"
|
||||
Opacity="0"
|
||||
HorizontalAlignment="Center">
|
||||
|
||||
<Grid HorizontalAlignment="Center">
|
||||
<Grid.ColumnDefinitions>
|
||||
<ColumnDefinition Width="Auto" />
|
||||
<ColumnDefinition Width="Auto" />
|
||||
</Grid.ColumnDefinitions>
|
||||
|
||||
<!-- 启动管理器按钮 -->
|
||||
<Button Grid.Column="0"
|
||||
Content="启动管理器"
|
||||
FontSize="13"
|
||||
FontWeight="SemiBold"
|
||||
Height="36"
|
||||
Padding="24,0"
|
||||
Margin="0,0,12,0"
|
||||
Background="{DynamicResource AccentBrush}"
|
||||
Foreground="White"
|
||||
BorderThickness="0"
|
||||
Cursor="Hand"
|
||||
Click="BtnLaunchManager_Click"
|
||||
Style="{DynamicResource PrimaryButtonStyle}" />
|
||||
|
||||
<!-- 关闭安装程序按钮 -->
|
||||
<Button Grid.Column="1"
|
||||
Content="关闭"
|
||||
FontSize="13"
|
||||
Height="36"
|
||||
Padding="24,0"
|
||||
Background="Transparent"
|
||||
Foreground="{DynamicResource TextSecondaryBrush}"
|
||||
BorderThickness="1"
|
||||
BorderBrush="{DynamicResource BorderBrush}"
|
||||
Cursor="Hand"
|
||||
Click="BtnClose_Click"
|
||||
Style="{DynamicResource ActionButtonStyle}" />
|
||||
</Grid>
|
||||
</StackPanel>
|
||||
</StackPanel>
|
||||
</Grid>
|
||||
|
||||
<!-- ===== 页面级样式资源（按钮样式引用主窗口的样式） ===== -->
|
||||
<Page.Resources>
|
||||
|
||||
<!-- 主要按钮样式（复制主窗口的样式，用于独立展示） -->
|
||||
<Style x:Key="PrimaryButtonStyle" TargetType="Button">
|
||||
<Setter Property="Template">
|
||||
<Setter.Value>
|
||||
<ControlTemplate TargetType="Button">
|
||||
<Border x:Name="BtnBg"
|
||||
Background="{TemplateBinding Background}"
|
||||
CornerRadius="6"
|
||||
Padding="{TemplateBinding Padding}">
|
||||
<ContentPresenter HorizontalAlignment="Center"
|
||||
VerticalAlignment="Center" />
|
||||
</Border>
|
||||
<ControlTemplate.Triggers>
|
||||
<Trigger Property="IsMouseOver" Value="True">
|
||||
<Setter TargetName="BtnBg" Property="Background" Value="{DynamicResource AccentHoverBrush}" />
|
||||
</Trigger>
|
||||
<Trigger Property="IsPressed" Value="True">
|
||||
<Setter TargetName="BtnBg" Property="Background" Value="{DynamicResource AccentPressedBrush}" />
|
||||
</Trigger>
|
||||
</ControlTemplate.Triggers>
|
||||
</ControlTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
<Style.Triggers>
|
||||
<EventTrigger RoutedEvent="MouseEnter">
|
||||
<BeginStoryboard>
|
||||
<Storyboard>
|
||||
<DoubleAnimation Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)"
|
||||
To="1.05" Duration="0:0:0.200">
|
||||
<DoubleAnimation.EasingFunction>
|
||||
<CubicEase EasingMode="EaseOut" />
|
||||
</DoubleAnimation.EasingFunction>
|
||||
</DoubleAnimation>
|
||||
<DoubleAnimation Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleY)"
|
||||
To="1.05" Duration="0:0:0.200">
|
||||
<DoubleAnimation.EasingFunction>
|
||||
<CubicEase EasingMode="EaseOut" />
|
||||
</DoubleAnimation.EasingFunction>
|
||||
</DoubleAnimation>
|
||||
</Storyboard>
|
||||
</BeginStoryboard>
|
||||
</EventTrigger>
|
||||
<EventTrigger RoutedEvent="MouseLeave">
|
||||
<BeginStoryboard>
|
||||
<Storyboard>
|
||||
<DoubleAnimation Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)"
|
||||
To="1.0" Duration="0:0:0.200">
|
||||
<DoubleAnimation.EasingFunction>
|
||||
<CubicEase EasingMode="EaseOut" />
|
||||
</DoubleAnimation.EasingFunction>
|
||||
</DoubleAnimation>
|
||||
<DoubleAnimation Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleY)"
|
||||
To="1.0" Duration="0:0:0.200">
|
||||
<DoubleAnimation.EasingFunction>
|
||||
<CubicEase EasingMode="EaseOut" />
|
||||
</DoubleAnimation.EasingFunction>
|
||||
</DoubleAnimation>
|
||||
</Storyboard>
|
||||
</BeginStoryboard>
|
||||
</EventTrigger>
|
||||
</Style.Triggers>
|
||||
</Style>
|
||||
|
||||
<!-- 次要按钮样式 -->
|
||||
<Style x:Key="ActionButtonStyle" TargetType="Button">
|
||||
<Setter Property="Template">
|
||||
<Setter.Value>
|
||||
<ControlTemplate TargetType="Button">
|
||||
<Border x:Name="BtnBg"
|
||||
Background="Transparent"
|
||||
BorderBrush="{TemplateBinding BorderBrush}"
|
||||
BorderThickness="{TemplateBinding BorderThickness}"
|
||||
CornerRadius="6"
|
||||
Padding="{TemplateBinding Padding}">
|
||||
<ContentPresenter HorizontalAlignment="Center"
|
||||
VerticalAlignment="Center" />
|
||||
</Border>
|
||||
<ControlTemplate.Triggers>
|
||||
<Trigger Property="IsMouseOver" Value="True">
|
||||
<Setter TargetName="BtnBg" Property="Background" Value="{DynamicResource WindowButtonHoverBrush}" />
|
||||
</Trigger>
|
||||
<Trigger Property="IsPressed" Value="True">
|
||||
<Setter TargetName="BtnBg" Property="Background" Value="{DynamicResource WindowButtonPressedBrush}" />
|
||||
</Trigger>
|
||||
</ControlTemplate.Triggers>
|
||||
</ControlTemplate>
|
||||
</Setter.Value>
|
||||
</Setter>
|
||||
<Style.Triggers>
|
||||
<EventTrigger RoutedEvent="MouseEnter">
|
||||
<BeginStoryboard>
|
||||
<Storyboard>
|
||||
<DoubleAnimation Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)"
|
||||
To="1.05" Duration="0:0:0.200">
|
||||
<DoubleAnimation.EasingFunction>
|
||||
<CubicEase EasingMode="EaseOut" />
|
||||
</DoubleAnimation.EasingFunction>
|
||||
</DoubleAnimation>
|
||||
<DoubleAnimation Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleY)"
|
||||
To="1.05" Duration="0:0:0.200">
|
||||
<DoubleAnimation.EasingFunction>
|
||||
<CubicEase EasingMode="EaseOut" />
|
||||
</DoubleAnimation.EasingFunction>
|
||||
</DoubleAnimation>
|
||||
</Storyboard>
|
||||
</BeginStoryboard>
|
||||
</EventTrigger>
|
||||
<EventTrigger RoutedEvent="MouseLeave">
|
||||
<BeginStoryboard>
|
||||
<Storyboard>
|
||||
<DoubleAnimation Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleX)"
|
||||
To="1.0" Duration="0:0:0.200">
|
||||
<DoubleAnimation.EasingFunction>
|
||||
<CubicEase EasingMode="EaseOut" />
|
||||
</DoubleAnimation.EasingFunction>
|
||||
</DoubleAnimation>
|
||||
<DoubleAnimation Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleY)"
|
||||
To="1.0" Duration="0:0:0.200">
|
||||
<DoubleAnimation.EasingFunction>
|
||||
<CubicEase EasingMode="EaseOut" />
|
||||
</DoubleAnimation.EasingFunction>
|
||||
</DoubleAnimation>
|
||||
</Storyboard>
|
||||
</BeginStoryboard>
|
||||
</EventTrigger>
|
||||
</Style.Triggers>
|
||||
</Style>
|
||||
</Page.Resources>
|
||||
|
||||
</Page>
|
||||
Reference in New Issue
Block a user