C# WPF时钟表盘 及设置闹钟

最新推荐文章于 2025-06-13 11:06:58 发布
最新推荐文章于 2025-06-13 11:06:58 发布
阅读量656 收藏 3
点赞数 2
CC 4.0 BY-SA版权
分类专栏： C#
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/JGD313/article/details/103574502
本文介绍了一个使用WPF开发的动画表盘和闹钟应用的设计与实现过程，包括表盘指针动画效果、实时时间显示及闹钟设置功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

不足之处请大佬修改

表盘设计界面


<Window x:Class="动画表.MainWindow"
        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:local="clr-namespace:动画表"
        mc:Ignorable="d"
        Title="表" Height="800" Width="800" Loaded="Window_Loaded">
    <Canvas x:Name="bg">
        <Canvas.ContextMenu>
            <ContextMenu Name="nao" StaysOpen="True">
                <MenuItem Header="设置闹钟" Click="MenuItem_Click"></MenuItem>
            </ContextMenu>
        </Canvas.ContextMenu>
        <Border x:Name="miao" Background="Black" Width="1" Height="360" Canvas.Left="400" Canvas.Top="40">
            
        </Border>
        <Border x:Name="fen" Background="Green" Width="2" Height="280" Canvas.Left="400" Canvas.Top="120">

        </Border>
        <Border x:Name="shi" Background="Red" Width="3" Height="200" Canvas.Left="400" Canvas.Top="200">

        </Border>

    </Canvas>
</Window>

表盘代码界面

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.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using System.Windows.Media.Animation;

namespace 动画表
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }
      
        Storyboard story = new Storyboard();
        private void Window_Loaded(object sender, RoutedEventArgs e)
        {

            this.Left = 200;
            this.Top = -10;

            //获取当前时间
            double Miao = DateTime.Now.Second * 6;
            double Fen = DateTime.Now.Minute*6;
            double Hour =(DateTime.Now.Hour*30)+(DateTime.Now.Minute*0.5);
            //创建背景
            Image biao = new Image();
            biao.Source = new BitmapImage(new Uri("../../img/biao.png", UriKind.Relative));
            ImageBrush img = new ImageBrush();
            img.ImageSource = biao.Source;
            bg.Background = img;

            //秒
            DoubleAnimation rotate = new DoubleAnimation(Miao, 360+Miao, new Duration(TimeSpan.FromSeconds(60)));

            Storyboard.SetTarget(rotate, miao);
            Storyboard.SetTargetProperty(rotate, new PropertyPath("RenderTransform.Angle"));
            rotate.RepeatBehavior = RepeatBehavior.Forever;
            story.Children.Add(rotate);
            RotateTransform rota = new RotateTransform();
            miao.RenderTransform = rota;
            miao.RenderTransformOrigin = new Point(1, 1);
            story.Begin();

            //分
            DoubleAnimation f = new DoubleAnimation(Fen, Fen + 360, new Duration(TimeSpan.FromHours(1)));
            Storyboard.SetTarget(f, fen);
            Storyboard.SetTargetProperty(f, new PropertyPath("RenderTransform.Angle"));
            f.RepeatBehavior = RepeatBehavior.Forever;
            story.Children.Add(f);
            RotateTransform rota1 = new RotateTransform();
            fen.RenderTransform = rota1;
            fen.RenderTransformOrigin = new Point(1, 1);
            story.Begin();

           //小时
             DoubleAnimation  s= new DoubleAnimation(Hour, Hour + 360, new Duration(TimeSpan.FromHours(12)));
             Storyboard.SetTarget(s, shi);
             Storyboard.SetTargetProperty(s, new PropertyPath("RenderTransform.Angle"));
             s.RepeatBehavior = RepeatBehavior.Forever;
             story.Children.Add(s);
            //旋转
             RotateTransform rota2 = new RotateTransform();
             shi.RenderTransform = rota2;
             shi.RenderTransformOrigin = new Point(1, 1);
             story.Begin();
            

        }
       
        private void MenuItem_Click(object sender, RoutedEventArgs e)
        {
            nao n = new nao();
            n.Show();
        }
    }
}

闹钟设计界面

<Window x:Class="动画表.nao"
        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:local="clr-namespace:动画表"
        mc:Ignorable="d"
        Title="nao" Height="450" Width="800" Loaded="Window_Loaded">
    <Canvas x:Name="bg" Background="Pink">
        <Button Content="设置闹钟" x:Name="bt" Background="Aqua" Canvas.Left="100" Canvas.Top="186" Width="120" Height="35" Click="Button_Click"/>

        <ComboBox x:Name="shi" Canvas.Left="100" Canvas.Top="88" Width="120" Height="35" Background="Blue">
            <ComboBoxItem Content="0" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="1" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="2" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="3" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="4" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="5" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="6" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="7" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="8" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="9" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="10" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="11" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="12" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="13" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="14" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="15" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="16" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="18" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="19" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="20" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="21" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="22" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="23" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="24" HorizontalAlignment="Left" Width="118.4"/>
        </ComboBox>
        <ComboBox x:Name="fen" Canvas.Left="315" Canvas.Top="88" Width="120" Height="35">
            <ComboBoxItem Content="00" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="01" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="02" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="03" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="04" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="05" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="06" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="07" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="08" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="09" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="10" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="11" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="12" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="13" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="14" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="15" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="16" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="18" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="19" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="20" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="21" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="22" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="23" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="24" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="25" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="26" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="27" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="28" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="29" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="30" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="31" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="32" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="33" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="34" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="35" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="36" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="37" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="38" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="39" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="40" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="41" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="42" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="43" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="44" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="45" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="46" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="47" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="48" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="49" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="50" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="51" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="52" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="53" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="54" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="55" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="56" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="57" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="58" HorizontalAlignment="Left" Width="118.4"/>
            <ComboBoxItem Content="59" HorizontalAlignment="Left" Width="118.4"/>
        </ComboBox>
        <Label Content="时:" Canvas.Left="51" Canvas.Top="97" RenderTransformOrigin="1.71,0.614" Width="28"/>
        <Label Content="分:" Canvas.Left="268" Canvas.Top="97"/>
        <ListBox x:Name="lis" Height="182" Canvas.Left="510" Canvas.Top="97" Width="120" />
        <Label Content="" x:Name="te" Canvas.Left="100" Canvas.Top="321" RenderTransformOrigin="1.71,0.614" Width="332" Height="26"/>
    </Canvas>
</Window>

闹钟代码界面

using System;
using System.Collections.Generic;
using System.Linq;
using System.Media;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Shapes;
using System.Windows.Threading;


namespace 动画表
{
    /// <summary>
    /// nao.xaml 的交互逻辑
    /// </summary>
    public partial class nao : Window
    {
        public nao()
        {
            InitializeComponent();
            
        }
        //计时器
        DispatcherTimer tim = new DispatcherTimer();
       //音频
        SoundPlayer die = new SoundPlayer("../../music/nao.wav");
        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            //计时器
            tim.Interval = new TimeSpan(1000);
            tim.Tick += Tim_Tick;
        }
        bool b = true;
        //接收剩余时间
        TimeSpan result;
        private void Tim_Tick(object sender, EventArgs e)
        {
            if (b) { 
             //刷新时间
            DateTime time = DateTime.Now;
            //获取小时
            int shi1 = Convert.ToInt32(shi.Text);
            //获取分钟
            int fen1 =Convert.ToInt32(fen.Text);
            //获取设置的时间 
            DateTime da = new DateTime(DateTime.Now.Year, DateTime.Now.Month, DateTime.Now.Day, shi1,fen1,0);
            //减去剩余的时间
            result = da - time;
                //显示剩余的时间
            te.Content ="剩余时间"+result.ToString();
                //剩余的秒为小于0的时候
                if (result.TotalSeconds <= 0)
                {
                   
                    //剩余时间的文本内容上面为
                    te.Content = "00:00:00";
                    shi.IsEnabled = true;
                    fen.IsEnabled = true;
                    bt.IsEnabled = true;
                    //音乐响起
                    die.Play();
                    //停止计时器
                    tim.Stop();
                    if (MessageBox.Show("时间到啦，是否关闭音乐", "闹钟", MessageBoxButton.YesNo, MessageBoxImage.Asterisk) == MessageBoxResult.Yes)
                    {
                       die.Stop();
                    }
                    te.Content = "时间到啦！太阳都晒屁股了";
                }
                else
                {
                    shi.IsEnabled = false;
                    fen.IsEnabled = false;
                    bt.IsEnabled = false;
                }
            }
        }
    

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            //获取combox的内容显示在lisbox里面
            string s = shi.Text + "时" + fen.Text + "分";
            lis.Items.Add(s);
            tim.Start();
        }
    }
}
WPF 仪表盘
hlp1996的博客
04-19 632
去除依赖Arc，根据ArcSegment画圆弧。还有些地方没有完善，有需要的小伙伴自行下载完善。根据网上的资源更新一个仪表盘。
C# WPF的一个应用，通过实际的表盘显示当前时间，一个简单的WPF应用
04-05
本WPF时钟应用不仅是一个展示如何使用WPF创建用户界面的例子，更是一个良好的入门项目，能够帮助初学者理解并掌握WPF开发的核心概念，包括布局、控件、事件处理、动画以及数据绑定等。通过动手实践这个项目，学习者...
wpf版系统时钟
02-20
wpf的 时钟 跟系统时间 同步,利用binding 和timer
wpf简单的仪表盘
08-01
本实例不支持数据绑定，如有需要请自行修改。本人失业如有wpf的工作 请留言 （广东）
WPF仪表盘与转盘示例应用
最新发布
weixin_35754962的博客
06-13 671
WPF（Windows Presentation Foundation）是微软推出的一种用于构建Windows客户端应用程序的用户界面框架。它提供了丰富的UI元素集合和高级的图形处理能力，允许开发者创建视觉上吸引人的、媒体丰富的应用程序。WPF自2006年随.NET Framework 3.0推出，其后一直在更新和优化，尽管如此，WPF并未成为.NET Core的一部分，但它仍然是众多Windows应用程序开发的首选框架之一。在WPF中，几何形状是通过各种几何对象来定义的，这些对象被用在UI元素如。
wpf仪表盘
weixin_53370274的博客
03-28 435
【代码】wpf仪表盘。
C#WPF设计一个动态时钟显示
BoomBiuBiu的博客
04-16 1687
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.Data; using System.Windows.Documents; using System.Windows.Input;.
C#透明时钟应用：多表盘源码分享
在C#中，实现透明效果通常可以使用Windows Presentation Foundation (WPF) 或者 Windows Forms，并通过设置控件或窗口的Opacity属性来实现透明效果。 3. 多表盘选择功能 “多个表盘选择”意味着该时钟程序提供了...
C#开发带表盘的传统电子闹钟应用
标题：“C#编写的电子闹钟（有表盘显示）”的知识点详细解析： C#（读作“C Sharp”）是一种由微软开发的面向对象的编程语言，它基于.NET平台运行，广泛用于开发Windows应用程序、网络应用程序、移动应用等。使用C#...
C#实现高精度表盘时钟与秒表计时器
为了制作一个带有表盘指针、秒表计时器和闹钟功能的C#窗口时钟，开发者可能需要使用到一些额外的库。例如，GDI+库用于绘制图形界面；如果需要播放闹钟声音，则可能需要引入相应的多媒体处理库。 #### 8. 调试与测试...
C#编写的电子闹钟（有表盘显示）
03-14
在本文中，我们将深入探讨如何使用C#编程语言创建一个具有电子显示和传统表盘显示功能的电子闹钟。此外，我们还将讨论该程序中包含的备忘录和倒计时功能，这些功能大大增强了其实用性。 首先，C#是一种面向对象的、...
WPF 天干地支时钟表盘 可以设置24小时制纯属瞎搞 加天气预报
08-03
WPF 天干地支时钟表盘 可以设置24小时制纯属瞎搞 加天气预报 预览可以看这里 https://blog.youkuaiyun.com/shishuwei111/article/details/81384910
WPF 绘制一个简单的仪表盘控件源码
09-27
WPF 绘制一个简单的仪表盘控件源码，实现了动画显示调整仪表盘值的效果，使用LED字体显示仪表盘数字
WPF版的仪表盘控件
06-27
WPF版的仪表盘控件
用WPF自制的漂亮时钟控件
10-31
自己做的WPF时钟 实现效果请看 http://blog.youkuaiyun.com/lovelan1748/archive/2009/10/30/4750101.aspx
wpf仪表盘、圆形进度条控件
02-17
wpf仪表盘、圆形进度条控件
C# WPF动画，时钟程序源码分享,闹钟程序源码分享
weixin_45547854的博客
12-16 656
钟表界面右击设置闹钟 源码奉上请大佬点评。 注释齐全：不做流氓。 钟表界面xaml代码 <Window x:Class="WPF动画.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microso...
C# WPF 时钟动画(2/2)
Dotnet9的专栏
01-08 474
模拟实现时钟效果，学习WPF动画好例子，本文承接上文 C# WPF 时钟动画(1/2)。 微信公众号：Dotnet9，网站：Dotnet9，问题或建议：请网站留言， 如果对您有所帮助：欢迎赞赏。 C# WPF 时钟动画(2/2) 内容目录 实现效果 业务场景 编码实现 本文参考 源码下载 1.实现效果 时钟实时展示系统本机时间 2.业务场景 模拟时钟 3.编码实现 使用 .Net C...
WPF 仪表盘 刻度盘 动态 加载中 开源
weixin_30273763的博客
11-21 305
1. 表盘 参数可以设置， codeproject上写的。网址在这里。 源码里有demo，很详细。 源码在这里。 2. 动态Loading 截图效果跟实际有点不一样。 自己把源码写成 资源就好用了呗 地址在这里 3. 有两个类似的 地址1 地址2 转载于:https:...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值