---
URL: "/zh-CN/blog/2024-05/wpf_coutdown_usercontrol.html"
LLMS_URL: "/zh-CN/blog/2024-05/wpf_coutdown_usercontrol.md"
lastUpdated: true
commentabled: true
recommended: true
title: "WPF 自定义倒计时控件"
description: "WPF 自定义倒计时控件"
date:
pageClass: "blog-page-class"
---
---
lastUpdated: true
commentabled: true
recommended: true
title: WPF 自定义倒计时控件
description: WPF 自定义倒计时控件
date: 2024-05-27 09:18:00
pageClass: blog-page-class
---
# WPF 自定义倒计时控件 #
> 支持文本和倒计时同时显示
{data-zoomable}
## XAML ##
```xml
```
## XAML.CS ##
```csharp
using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Threading;
namespace BaggageMeasurer.UserControls
{
///
/// Countdown.xaml 的交互逻辑
///
public partial class Countdown : UserControl
{
public int Seconds
{
get => (int)GetValue(SecondsProperty);
set => SetValue(SecondsProperty, value);
}
public static readonly DependencyProperty SecondsProperty =
DependencyProperty.Register(nameof(Seconds), typeof(int), typeof(Countdown), new PropertyMetadata(10));
private readonly DispatcherTimer _timer = new DispatcherTimer { Interval = TimeSpan.FromSeconds(1) };
public Countdown()
{
InitializeComponent();
DataContext = this;
}
private void UserControl_Loaded(object sender, EventArgs e)
{
Animation.Duration = new Duration(TimeSpan.FromSeconds(Seconds));
if (Seconds > 0)
{
_timer.Start();
_timer.Tick += Timer_Tick;
}
}
private void Timer_Tick(object sender, EventArgs e)
{
Seconds--;
if (Seconds == 0)
{
_timer.Stop();
//3、激发路由事件
RoutedEventArgs arg = new RoutedEventArgs();
arg.RoutedEvent = CountdownStoppedEvent;
RaiseEvent(arg);
}
}
public void Cancel()
{
_timer.Stop();
}
public void Pause()
{
_timer.IsEnabled = false;
}
public void Start()
{
_timer.IsEnabled = true;
_timer.Start();
}
//1、声明并注册路由事件，使用冒泡策略
public static readonly RoutedEvent CountdownStoppedEvent = EventManager.RegisterRoutedEvent("CountdownStopped",
RoutingStrategy.Bubble, typeof(RoutedEventHandler), typeof(Countdown));
//2、通过.NET事件包装路由事件
public event RoutedEventHandler CountdownStopped
{
add
{
AddHandler(CountdownStoppedEvent, value);
}
remove
{
RemoveHandler(CountdownStoppedEvent, value);
}
}
}
}
```
## 使用 ##
### XAML ###
```csharp
```