功能更新
This commit is contained in:
119
Melskin/Controls/Notification/NotificationView.xaml.cs
Normal file
119
Melskin/Controls/Notification/NotificationView.xaml.cs
Normal file
@@ -0,0 +1,119 @@
|
||||
using System.Windows.Media.Animation;
|
||||
using System.Windows.Threading;
|
||||
|
||||
namespace Melskin.Controls;
|
||||
|
||||
/// <summary>
|
||||
/// 代表一个通知视图,用于在应用程序中显示系统通知。此类继承自Window,并根据提供的Notification模型和位置信息来初始化自身。支持抽屉式滑入和滑出动画效果。
|
||||
/// </summary>
|
||||
public partial class NotificationView
|
||||
{
|
||||
private readonly DispatcherTimer? closeTimer;
|
||||
private readonly NotificationPlacement placement; // 新增一个字段来存储位置
|
||||
|
||||
/// <summary>
|
||||
/// 当通知视图加载完毕并准备好显示时触发的事件。此事件允许外部代码在通知视图完全初始化后执行特定操作,例如调整其位置或开始动画。
|
||||
/// </summary>
|
||||
public event Action<NotificationView>? Ready;
|
||||
|
||||
/// <summary>
|
||||
/// 获取与此视图关联的通知模型。该模型包含了通知的标题、消息内容、类型以及显示时长等信息。
|
||||
/// </summary>
|
||||
public NotificationModel Model { get; }
|
||||
|
||||
/// <summary>
|
||||
/// 代表一个通知视图,用于在应用程序中显示系统通知。该类继承自Window,并根据提供的Notification模型和位置信息来初始化自身。
|
||||
/// </summary>
|
||||
public NotificationView(NotificationModel model, NotificationPlacement placement) // 构造函数接收placement
|
||||
{
|
||||
InitializeComponent();
|
||||
this.Model = model;
|
||||
this.DataContext = this.Model;
|
||||
this.placement = placement; // 保存placement
|
||||
|
||||
this.Opacity = 0; // 初始时依然保持透明,防止在动画开始前闪烁
|
||||
this.Loaded += (_, _) => Ready?.Invoke(this);
|
||||
|
||||
if (model.Duration <= TimeSpan.Zero) return;
|
||||
closeTimer = new DispatcherTimer { Interval = model.Duration };
|
||||
closeTimer.Tick += (_, _) => AnimateOut();
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// 命令视图执行抽屉式滑入动画
|
||||
/// </summary>
|
||||
public void AnimateIn(double finalLeft, double finalTop)
|
||||
{
|
||||
// Manager已经计算好了最终位置,我们只需执行动画
|
||||
this.Top = finalTop; // Y坐标直接设定
|
||||
|
||||
// 根据位置判断是从左侧滑入还是右侧滑入
|
||||
var isRightSide = placement == NotificationPlacement.TopRight ||
|
||||
placement == NotificationPlacement.BottomRight;
|
||||
var startLeft = isRightSide
|
||||
? finalLeft + this.ActualWidth + 10 // 从右侧屏幕外开始
|
||||
: finalLeft - this.ActualWidth - 10; // 从左侧屏幕外开始
|
||||
|
||||
// 在动画开始前,立即将窗口移动到屏幕外的起始位置
|
||||
this.Left = startLeft;
|
||||
|
||||
// 创建滑入动画
|
||||
var slideAnim = new DoubleAnimation(startLeft, finalLeft, TimeSpan.FromMilliseconds(400))
|
||||
{
|
||||
EasingFunction = new CubicEase { EasingMode = EasingMode.EaseOut }
|
||||
};
|
||||
|
||||
// 同时,让窗口从透明变为不透明,这是一个很好的辅助效果
|
||||
var fadeAnim = new DoubleAnimation(0, 1, TimeSpan.FromMilliseconds(200));
|
||||
|
||||
// 应用动画
|
||||
this.BeginAnimation(Window.LeftProperty, slideAnim);
|
||||
this.BeginAnimation(Window.OpacityProperty, fadeAnim);
|
||||
|
||||
closeTimer?.Start();
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// 命令视图执行抽屉式滑出动画
|
||||
/// </summary>
|
||||
public void AnimateOut()
|
||||
{
|
||||
closeTimer?.Stop();
|
||||
|
||||
// 计算滑出到屏幕外的目标位置
|
||||
var isRightSide = placement is NotificationPlacement.TopRight or NotificationPlacement.BottomRight;
|
||||
var endLeft = isRightSide ? this.Left + this.ActualWidth + 10 : this.Left - this.ActualWidth - 10;
|
||||
|
||||
// 创建滑出动画
|
||||
var slideAnim = new DoubleAnimation(this.Left, endLeft, TimeSpan.FromMilliseconds(300))
|
||||
{
|
||||
EasingFunction = new CubicEase { EasingMode = EasingMode.EaseIn }
|
||||
};
|
||||
|
||||
// 同时淡出
|
||||
var fadeAnim = new DoubleAnimation(this.Opacity, 0, TimeSpan.FromMilliseconds(250));
|
||||
|
||||
// 当动画完成时,关闭窗口
|
||||
slideAnim.Completed += (_, _) => this.Close();
|
||||
|
||||
this.BeginAnimation(Window.LeftProperty, slideAnim);
|
||||
this.BeginAnimation(Window.OpacityProperty, fadeAnim);
|
||||
}
|
||||
|
||||
/// <summary>
|
||||
/// 当其他通知关闭时,平滑地移动到新位置 (这个方法保持不变)
|
||||
/// </summary>
|
||||
public void AnimateMove(double newTop)
|
||||
{
|
||||
var moveAnim = new DoubleAnimation(this.Top, newTop, TimeSpan.FromMilliseconds(350))
|
||||
{
|
||||
EasingFunction = new CubicEase { EasingMode = EasingMode.EaseOut }
|
||||
};
|
||||
this.BeginAnimation(Window.TopProperty, moveAnim);
|
||||
}
|
||||
|
||||
private void CloseButton_Click(object sender, RoutedEventArgs e)
|
||||
{
|
||||
AnimateOut();
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user