XuShanQiXun
6364f5f4d1
在 `MaterialTrayMenuItem.xaml` 中添加命名空间，更新菜单项样式，增加悬停和点击动画效果，提升用户交互体验。新增上下文菜单样式，包含透明度和缩放动画。 在 `LoginWindow.xaml.cs` 中将 `Window_Loaded` 方法改为异步，增强窗口加载时的连接稳定性，并添加连接服务器的逻辑及错误处理。 在 `MainWindow.xaml` 中移除 `TextBox` 控件的 `Foreground` 属性设置，简化样式，保持界面整洁。
156 lines
7.6 KiB
XML
156 lines
7.6 KiB
XML
<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
|
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"
|
|
xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
|
|
xmlns:local="clr-namespace:chatclient"
|
|
xmlns:mah="http://metro.mahapps.com/winfx/xaml/controls">
|
|
<!-- 动画缓动函数 -->
|
|
<CubicEase x:Key="MenuEase" EasingMode="EaseOut"/>
|
|
<!-- Material Design 托盘菜单样式 -->
|
|
<Style x:Key="MaterialTrayMenuItem" TargetType="MenuItem" BasedOn="{StaticResource MaterialDesignMenuItem}">
|
|
<Setter Property="Background" Value="Transparent"/>
|
|
<Setter Property="BorderThickness" Value="0"/>
|
|
<Setter Property="Padding" Value="12,8"/>
|
|
<Setter Property="Foreground" Value="{DynamicResource MaterialDesignBody}"/>
|
|
<Setter Property="FontSize" Value="14"/>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="MenuItem">
|
|
<Border x:Name="Border"
|
|
CornerRadius="4"
|
|
SnapsToDevicePixels="True"
|
|
Background="Transparent">
|
|
<Grid>
|
|
<!-- 背景动画层 -->
|
|
<Rectangle x:Name="HoverRect"
|
|
Fill="#FF3D3D40"
|
|
Opacity="0"
|
|
RadiusX="4" RadiusY="4"/>
|
|
|
|
<!-- 涟漪效果层 -->
|
|
<materialDesign:Ripple
|
|
x:Name="Ripple"
|
|
Foreground="{TemplateBinding Foreground}"
|
|
Content="{TemplateBinding Header}"
|
|
VerticalContentAlignment="Center"
|
|
Padding="{TemplateBinding Padding}"
|
|
Background="Transparent"
|
|
HorizontalContentAlignment="Stretch"/>
|
|
</Grid>
|
|
</Border>
|
|
|
|
<ControlTemplate.Triggers>
|
|
<!-- 悬停动画 -->
|
|
<Trigger Property="IsMouseOver" Value="True">
|
|
<Trigger.EnterActions>
|
|
<BeginStoryboard>
|
|
<Storyboard>
|
|
<DoubleAnimation
|
|
Storyboard.TargetName="HoverRect"
|
|
Storyboard.TargetProperty="Opacity"
|
|
To="0.2"
|
|
Duration="0:0:0.2"
|
|
EasingFunction="{StaticResource MenuEase}"/>
|
|
</Storyboard>
|
|
</BeginStoryboard>
|
|
</Trigger.EnterActions>
|
|
<Trigger.ExitActions>
|
|
<BeginStoryboard>
|
|
<Storyboard>
|
|
<DoubleAnimation
|
|
Storyboard.TargetName="HoverRect"
|
|
Storyboard.TargetProperty="Opacity"
|
|
To="0"
|
|
Duration="0:0:0.3"
|
|
EasingFunction="{StaticResource MenuEase}"/>
|
|
</Storyboard>
|
|
</BeginStoryboard>
|
|
</Trigger.ExitActions>
|
|
</Trigger>
|
|
|
|
<!-- 点击动画 -->
|
|
<EventTrigger RoutedEvent="PreviewMouseDown">
|
|
<BeginStoryboard>
|
|
<Storyboard>
|
|
<DoubleAnimation
|
|
Storyboard.TargetName="Ripple"
|
|
Storyboard.TargetProperty="Opacity"
|
|
From="0.5" To="1"
|
|
Duration="0:0:0.15"/>
|
|
</Storyboard>
|
|
</BeginStoryboard>
|
|
</EventTrigger>
|
|
</ControlTemplate.Triggers>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
</Style>
|
|
|
|
<!-- 托盘菜单样式 -->
|
|
<Style x:Key="MaterialTrayMenu" TargetType="ContextMenu">
|
|
<!--<Setter Property="Background" Value="{DynamicResource MaterialDesignPaper}"/>-->
|
|
<Setter Property="Background" Value="{DynamicResource MaterialDesignPaper}"/>
|
|
<Setter Property="BorderBrush" Value="#A0252526"/>
|
|
<Setter Property="BorderThickness" Value="2"/>
|
|
<Setter Property="Padding" Value="8"/>
|
|
<Setter Property="SnapsToDevicePixels" Value="True"/>
|
|
<Setter Property="Effect">
|
|
<Setter.Value>
|
|
<DropShadowEffect BlurRadius="16" ShadowDepth="4" Color="#40000000"/>
|
|
</Setter.Value>
|
|
</Setter>
|
|
<Setter Property="RenderTransformOrigin" Value="0.5 0.5"/>
|
|
<Setter Property="RenderTransform">
|
|
<Setter.Value>
|
|
<ScaleTransform ScaleY="0.9"/>
|
|
</Setter.Value>
|
|
</Setter>
|
|
<Setter Property="Template">
|
|
<Setter.Value>
|
|
<ControlTemplate TargetType="ContextMenu">
|
|
<Border x:Name="MenuBorder"
|
|
Background="{TemplateBinding Background}"
|
|
BorderBrush="{TemplateBinding BorderBrush}"
|
|
BorderThickness="{TemplateBinding BorderThickness}"
|
|
CornerRadius="4"
|
|
Padding="{TemplateBinding Padding}">
|
|
<ItemsPresenter/>
|
|
</Border>
|
|
</ControlTemplate>
|
|
</Setter.Value>
|
|
</Setter>
|
|
<Style.Triggers>
|
|
<Trigger Property="IsOpen" Value="True">
|
|
<Trigger.EnterActions>
|
|
<BeginStoryboard>
|
|
<Storyboard>
|
|
<!-- 透明度动画 -->
|
|
<DoubleAnimation
|
|
Storyboard.TargetProperty="Opacity"
|
|
From="0" To="1"
|
|
Duration="0:0:0.2"/>
|
|
|
|
<!-- 仅保留缩放动画（无位移） -->
|
|
<DoubleAnimation
|
|
Storyboard.TargetProperty="RenderTransform.ScaleY"
|
|
From="0.9" To="1"
|
|
Duration="0:0:0.3"
|
|
EasingFunction="{StaticResource MenuEase}"/>
|
|
</Storyboard>
|
|
</BeginStoryboard>
|
|
</Trigger.EnterActions>
|
|
<Trigger.ExitActions>
|
|
<BeginStoryboard>
|
|
<Storyboard>
|
|
<DoubleAnimation
|
|
Storyboard.TargetProperty="Opacity"
|
|
To="0"
|
|
Duration="0:0:0.15"/>
|
|
</Storyboard>
|
|
</BeginStoryboard>
|
|
</Trigger.ExitActions>
|
|
</Trigger>
|
|
</Style.Triggers>
|
|
</Style>
|
|
</ResourceDictionary> |