用WPF设计一个简易的休息提醒闹钟

已于 2023-10-08 01:30:08 修改
阅读量724 收藏 4
点赞数 1
分类专栏： .NET 文章标签： wpf microsoft
于 2023-04-12 01:51:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48239221/article/details/130097164
版权

目录

最近利用工作之余，写了一个WPF程序玩玩，用来提醒使用者在长时间学习后要休息一会儿，功能很简单，没啥难点。

在这里插入图片描述

一.视频演示地址

可以设定间隔提醒时长和休息时长，点击开始之后会开始计时，当计时达到设定的间隔时常后，会进入休息页面会播放音乐，同时也会开始计时，当计时达到休息时长后，会关闭音乐并返回主页。

用WPF设计一个简易的休息提醒闹钟

二.代码展示

思路很简单，直接展示一些核心代码吧：

  1. 项目截图：

在这里插入图片描述

  1. App.xaml.cs代码，用于配置Prism框架一些服务以及初始化工作：
using AlarmWPF.ViewModels;
using AlarmWPF.Views;
using Prism.Ioc;
using System.Windows;

namespace AlarmWPF
{
	/// <summary>
	/// Interaction logic for App.xaml
	/// </summary>
	public partial class App
	{
		protected override Window CreateShell()
		{
			return Container.Resolve<MainWindow>();
		}

		protected override void RegisterTypes(IContainerRegistry containerRegistry)
		{
			containerRegistry.RegisterDialog<RestView,RestViewModel>();
		}
	}
}
  1. MainWindow.xaml代码
<Window x:Class="AlarmWPF.Views.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:prism="http://prismlibrary.com/"
        xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
        prism:ViewModelLocator.AutoWireViewModel="True"
        xmlns:hc="https://handyorg.github.io/handycontrol" ResizeMode="NoResize"
        Title="{Binding Title}" Height="350" Width="525" WindowStartupLocation="CenterScreen" Icon="/Images/alarmIcon.png" Unloaded="Window_Unloaded">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
            <RowDefinition/>
        </Grid.RowDefinitions>
        <StackPanel Grid.Row="0" Orientation="Horizontal">
            <TextBlock Style="{StaticResource MaterialDesignHeadline6TextBlock}"  VerticalAlignment="Center" Margin="16 0 0 0" Text="间隔多少分钟提醒：" FontSize="20" FontWeight="Bold"/>
            <hc:NumericUpDown Value="{Binding InternalMinutes}" HorizontalAlignment="Center"  VerticalAlignment="Center" Style="{StaticResource NumericUpDownBaseStyle}" Width="150" FontSize="20" FontWeight="Bold"/>
        </StackPanel>
        <StackPanel Grid.Row="1" Orientation="Horizontal">
            <TextBlock Style="{StaticResource MaterialDesignHeadline6TextBlock}"  VerticalAlignment="Center" Margin="16 0 0 0" Text="休息多少分钟：" FontSize="20" FontWeight="Bold"/>
            <hc:NumericUpDown Value="{Binding RestMinutes}" HorizontalAlignment="Center"  VerticalAlignment="Center" Style="{StaticResource NumericUpDownBaseStyle}" Width="150" FontSize="20" FontWeight="Bold"/>
        </StackPanel>
        <Grid Grid.Row="3">
            <Grid.ColumnDefinitions>
                <ColumnDefinition/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <Button Command="{Binding BtnStart}" CommandParameter="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}}"  IsEnabled="{Binding BtnStartEnable}" Grid.Column="0" Style="{StaticResource MaterialDesignFlatDarkBgButton}" Content="开始" HorizontalAlignment="Center" VerticalAlignment="Center"/>
            <Button Command="{Binding BtnStop}" CommandParameter="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}}" IsEnabled="{Binding BtnStopEnable}"  Grid.Column="1" Style="{StaticResource MaterialDesignFlatDarkBgButton}" Content="停止" HorizontalAlignment="Center" VerticalAlignment="Center"/>
        </Grid>
    </Grid>
</Window>
  1. MainWindowViewModel.cs代码：
using AlarmWPF.Views;
using HandyControl.Tools.Extension;
using Microsoft.Win32;
using Prism.Commands;
using Prism.Mvvm;
using Prism.Services.Dialogs;
using System;
using System.Diagnostics;
using System.IO;
using System.Threading;
using System.Threading.Tasks;
using System.Timers;
using System.Windows;
using System.Windows.Controls;
using Timer = System.Timers.Timer;

namespace AlarmWPF.ViewModels
{
	public class MainWindowViewModel : BindableBase
	{
		#region 属性
		private string _title = "自律闹钟";
		public string Title
		{
			get { return _title; }
			set { SetProperty(ref _title, value); }
		}

		private int internalMinutes;
		public int InternalMinutes
		{
			get { return internalMinutes; }
			set { SetProperty(ref internalMinutes, value); }
		}

		private int restMinutes;
		public int RestMinutes
		{
			get { return restMinutes; }
			set { SetProperty(ref restMinutes, value); }
		}


		private bool btnStartEnable=true;
		public bool BtnStartEnable
		{
			get { return btnStartEnable; }
			set { SetProperty(ref btnStartEnable, value); }
		}

		private bool btnStopEnable=true;
		public bool BtnStopEnable
		{
			get { return btnStopEnable; }
			set { SetProperty(ref btnStopEnable, value); }
		}

		public DelegateCommand<object> BtnStart { get; set; }
		public DelegateCommand<object> BtnStop { get; set; }
		private int endSeconds = 0;
		Timer timer;
		private IDialogService dialog;
		private Window window1;

		#endregion


		public MainWindowViewModel(IDialogService dialog)
		{
			window1 = new Window();
			this.dialog = dialog;
			BtnStart = new DelegateCommand<object>(Start);
			BtnStop = new DelegateCommand<object>(Stop);
			timer = new Timer(1000);
			timer.Enabled = false;
			timer.Elapsed += Timer_Elapsed;
		}

		private void Stop(object obj)
		{
		
			BtnStartEnable = true;
			BtnStopEnable = false;

			timer.Stop();
			timer.Enabled = false;
		}

		private void Start(object obj)
		{
			endSeconds = InternalMinutes * 60;
			BtnStartEnable = false;
			BtnStopEnable = true;


			timer.Enabled = true;
			timer.Start();
			window1 = obj as Window;
			window1.WindowStartupLocation = WindowStartupLocation.CenterScreen;
		}


		private void Timer_Elapsed(object sender, ElapsedEventArgs e)
		{
			endSeconds--;
			if (endSeconds==0)
			{
				timer.Stop();
				timer.Enabled=false;

				///parameters，添加向对话框传递的参数
				IDialogParameters parameters = new DialogParameters();
				parameters.Add("InternalMinutes", $"{InternalMinutes}");
				parameters.Add("RestMinutes", $"{RestMinutes}");

				Application.Current.Dispatcher.InvokeAsync(new Action(() =>
				{
					window1.Hide();
					dialog.ShowDialog("RestView",parameters,callback);
				}));
			}
		}

		/// <summary>
		/// 对话框关闭的时候调用此回调方法
		/// </summary>
		/// <param name="obj"></param>
		private void callback(IDialogResult obj)
		{
			window1.WindowStartupLocation = WindowStartupLocation.CenterScreen;
			window1.Show();
			BtnStartEnable = true;
			BtnStopEnable = false;
		}
	}
}
  1. RestView.xaml
<UserControl x:Class="AlarmWPF.Views.RestView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:AlarmWPF.Views"
             xmlns:prism="http://prismlibrary.com/"
             xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
             prism:ViewModelLocator.AutoWireViewModel="True"
             xmlns:hc="https://handyorg.github.io/handycontrol"
             mc:Ignorable="d" 
             Background="White"
             d:DesignHeight="600" d:DesignWidth="800" >
    <prism:Dialog.WindowStyle>
        <Style TargetType="Window">
            <Setter Property="prism:Dialog.WindowStartupLocation" Value="CenterScreen" />
            <Setter Property="ShowInTaskbar" Value="False"/>
            <Setter Property="WindowStyle" Value="None"/>
            <Setter Property="AllowsTransparency" Value="True"/>
        </Style>
    </prism:Dialog.WindowStyle>
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="5*"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Border Grid.Row="0">
            <Image Source="/Images/rest.jpg" Stretch="Fill" />
        </Border>
        <StackPanel Grid.Row="1">
            <TextBlock Text="{Binding RestText}" FontSize="30" VerticalAlignment="Center" HorizontalAlignment="Center" FontWeight="Bold"/>
        </StackPanel>
        <StackPanel  Grid.Row="2">
            <TextBlock Text="{Binding EndTimeText}" FontSize="15" VerticalAlignment="Center" HorizontalAlignment="Center" FontWeight="Bold"/>
        </StackPanel>
    </Grid>
</UserControl>
  1. RestViewModel.cs代码：
using HandyControl.Tools.Extension;
using Prism.Commands;
using Prism.Mvvm;
using Prism.Services.Dialogs;
using System;
using System.Collections.Generic;
using System.Diagnostics;
using System.IO;
using System.Linq;
using System.Media;
using System.Numerics;
using System.Text;
using System.Threading.Tasks;
using System.Timers;
using System.Windows;

namespace AlarmWPF.ViewModels
{
	public class RestViewModel: BindableBase,IDialogAware
	{
		#region 属性

		public DelegateCommand CloseDialog { get;set; }
		public event Action<IDialogResult> RequestClose;

		private string restText="";
		public string RestText
		{
			get { return restText; }
			set { SetProperty(ref restText, value); }
		}
		private string endTimeText = "";
		public string EndTimeText
		{
			get { return endTimeText; }
			set { SetProperty(ref endTimeText, value); }
		}

		private int endTimeSeconds = 0;
		private  int totalTime=0;

		public string Title => "该休息了";
		private Timer timer;
		SoundPlayer player;

		#endregion

		public RestViewModel()
        {
			player=new SoundPlayer();
			timer = new Timer();
			timer.Enabled= false;
			timer.Interval = 1000;
			timer.Elapsed += Timer_Elapsed;
		}


		private void Timer_Elapsed(object sender, ElapsedEventArgs e)
		{
			if (endTimeSeconds==0)
			{
				timer.Enabled = false;
				timer.Stop();
				player.Stop();
				player.Dispose();
				Application.Current.Dispatcher.InvokeAsync(() =>
				{
					RequestClose?.Invoke(new DialogResult(ButtonResult.OK));
				});
			}
			endTimeSeconds--;
			EndTimeText = $"{endTimeSeconds}秒后自动关闭";
		}

		public bool CanCloseDialog()
		{
			//允许关闭对话框
			return true;
		}

		public void OnDialogClosed()
		{
			//当对话框关闭的时候
			timer.Enabled = false;
			timer.Stop();
			player.Stop();
			player.Dispose();
		}

		public void OnDialogOpened(IDialogParameters parameters)
		{
			timer.Enabled = true;
			timer.Start();
			var internalMinutes = parameters.GetValue<string>("InternalMinutes");
			var restMinutes = parameters.GetValue<string>("RestMinutes");
			try
			{
				totalTime = int.Parse(restMinutes);
				endTimeSeconds = int.Parse(restMinutes)*60;
			}catch (Exception ex)
			{

			}
			RestText = $"亲,您又工作了{internalMinutes}分钟,该休息一下了！";
			EndTimeText = $"{endTimeSeconds}秒后自动关闭";

			string wavFile = @"music.wav";
			if (File.Exists(wavFile))
			{
				player.SoundLocation= wavFile;
				player.Load();
				player.Play();
				player.Dispose();
			}

		}
	}
}

三.源代码：

仓库链接

卖栗子的小松鼠
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
c#.Net之WPF实现闹钟动画(设置闹钟铃声)
InLett_yj的博客
01-01 391
运行效果如下: 闹钟xaml文件: <Window x:Class="表.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xml...
WPF 闹钟定时弹出提醒窗口
hk3715的博客
06-16 1340
WPF 闹钟定时弹出提醒窗口 选择定时模式，选择提醒模式，输入你想在提醒窗口上显示的内容。点击START按钮即可开始定时。当到达指定定时时间，就会弹出提醒窗口。 背景 现在人们的工作压力越来越大，很多人为了尽快完成工作，经常一坐到座位上就进入忘我状态，直到膀胱提醒他该暂停一下工作，才离开座位。长期的久坐已经给这群人带来了很多身体上的不适，甚至疾病。长期久坐会导致血液循环不良，消化减退，肩周炎劲椎...
C# WPF时钟表盘 及设置闹钟
JGD313的博客
12-17 559
不足之处请大佬修改 表盘设计界面 <Window x:Class="动画表.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" ...
C# WPF闹钟
-_^汪洸*的博客
12-16 287
C# WPF闹钟 using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows; using System.Windows.Controls; using System.Windows.D...
C# WPF动画，时钟程序源码分享,闹钟程序源码分享
weixin_45547854的博客
12-16 542
钟表界面右击设置闹钟 源码奉上请大佬点评。 注释齐全：不做流氓。 钟表界面xaml代码 <Window x:Class="WPF动画.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microso...
WPF钟表+闹钟（WPF的动画做的）
qq_44858151的博客
12-17 378
一、xaml文件 1、xaml的设计界面 2、代码xaml.cs文件里面写： using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Windows; using System.Windows.C...
11.WPF绘图
博客
11-12 3107
11.WPF绘图
WPF 写一个提醒工具软件(完整项目)
dotNET跨平台
06-22 332
昨天整理硬盘时，偶然发现一个很久之前写的小工具，一个提醒工具。包含定时提醒，间隔提醒功能。看看效果：界面看起来也还凑合，还使用了HandyControl，有桌面托盘功能界面是下面这样的提醒...
wpf版的小小闹钟（含源码）
05-10
wpf版的小小闹钟 wpf版的小小闹钟 wpf版的小小闹钟 wpf版的小小闹钟
ChatGPT帮我用WPF制作一个简易贪吃蛇小游戏
06-21
我自己全程一行代码都没有写，我做的只有新建了一个WPF .NET6.0的空白项目，然后按照ChatGPT说的把代码复制进去，遇到问题了我就问他，他就给我解决方案。真是非常便利！！！
wpf闹钟、设计模式、Mvvm模式、Mvvmlight
02-26
wpf闹钟 设计模式 Mvvm模式 Mvvmlight
C#闹钟程序
04-04
自己制作的一个简易闹钟，可以显示系统时间，也可以显示距离闹钟的时间
wpf闹钟、设计模式
03-01
wpf闹钟、设计模式、 mvvm模式、mvvlight
Wpf 的一个登陆窗口设计
03-27
Wpf 的一个登陆窗口设计
用wpf实现的一个财务管理系统.zip
最新发布
01-04
C#、WPF使用技巧，实战应用开发小系统参考资料，源码参考。经测试可运行。 详细介绍了一些WPF框架的各种功能和模块，以及如何使用WPF进行GUI开发、网络编程和跨平台应用开发等。 适用于初学者和有经验的开发者，能够...
WPF制作一个简单的倒计时器实例附
01-02
既然早上没事干，何不写个玩玩~既然要写，就用以前没怎么捣鼓过的WPF写一个吧，也算是一次学习WPF的初探吧（感觉自己很落后了）！ 在Vs2008和Vs2010之间徘徊了许久之后，最终还是选择了Vs2008做开发IDE。在Vs2008...
用Wpf做一个Diagram画板（包含流程图FlowChart）.zip
05-12
用Wpf做一个Diagram画板（包含流程图FlowChart） 用Wpf做一个Diagram画板（包含流程图FlowChart） 用Wpf做一个Diagram画板（包含流程图FlowChart） 用Wpf做一个Diagram画板（包含流程...
使用WPF技术实现一个支持触摸屏的效果
07-21
WPF、Win7Multitouch、Windows7API、MultiTouchAPI、Windows7.Multitouch.WPF、使用WPF技术实现一个支持触摸屏的效果
快速设计一个简单的WPF串口上位机
05-25
本文档具体介绍了快速设计一个简单WPF串口上位机界面的实现过程和代码
wpf设计一个登录页面
05-30
好的，下面是一个简单的 WPF 登录页面的设计： ```xml <Window x:Class="WpfApp1.LoginWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Login" Height="300" Width="300"> <Grid> <Grid.RowDefinitions> <RowDefinition Height="Auto"/> <RowDefinition Height="*"/> <RowDefinition Height="Auto"/> </Grid.RowDefinitions> <TextBlock Text="Username:" Margin="10"/> <TextBox Grid.Row="0" Margin="80,10,10,10" x:Name="UsernameTextBox"/> <TextBlock Text="Password:" Grid.Row="1" Margin="10"/> <PasswordBox Grid.Row="1" Margin="80,10,10,10" x:Name="PasswordBox"/> <Button Grid.Row="2" Margin="10" Content="Login" HorizontalAlignment="Right" Width="80" Click="LoginButton_Click"/> </Grid> </Window> ``` 这个页面包含了一个用户名输入框、一个密码输入框和一个登录按钮。当用户点击登录按钮时，可以在 LoginButton_Click 方法中进行登录验证，并跳转到主页面。 你可以根据自己的需求进行修改和美化，如添加背景图、修改字体颜色等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值