WPF 时钟效果

最新推荐文章于 2024-06-12 17:20:19 发布
最新推荐文章于 2024-06-12 17:20:19 发布
阅读量352 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44551890/article/details/90639761
版权
本文介绍了如何使用Visual Studio创建一个WPF窗口，并利用Rectangle来模拟时钟的指针，通过设置图片和代码实现时钟的动态转动效果，最终展示了一个以系统时间为依据实时更新的时钟界面。
摘要由CSDN通过智能技术生成 
开发工具与关键技术：WPF

先用Visual Studio新建一个WPF窗口，随便命名，在解决方案资源管理器里新建一个images文件夹存放时钟图片；图片自己去百度找；
双击创建的xaml窗口，编辑设计器，
Xaml代码如下：

<Window x:Class="WpfApplication.Window6"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Margin="2" Height="327" Width="311"
        AllowsTransparency="True" 
        WindowStyle="None" Background="Transparent"
        WindowStartupLocation="CenterScreen" 
        Icon="ICO/Icon013.ico" 
        ResizeMode="NoResize" Topmost="False" Opacity="1">
    <Grid Width="300" Height="300" MouseLeftButtonDown="Grid_MouseLeftButtonDown">
        <Image Source="images/3.png"></Image>

        <Label Name="icon" Foreground="White" Margin="0,0,0,211" HorizontalAlignment="Center" VerticalAlignment="Bottom" Height="Auto" Width="Auto" FontSize="13" >clock</Label>
        <Label Name="year" Foreground="White" Margin="0,91,0,0" HorizontalAlignment="Center" VerticalAlignment="Top" Height="Auto" Width="Auto"></
最低0.47元/天 解锁文章
☞机器猫ღ
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WPF实现漂亮的自定义时钟（带示例代码）
lovelan1748的专栏
10-30 6045
 学了几天的WPF了，根据所学的东西东拼西凑做了个时钟控件，先看效果下面写一点做这个控件的要点：1.首先准备4张图，我是用Expression Design自己绘制了时钟的圆盘背景（xaml描述的矢量图形）和三根表针（png格式）2.创建WPF的UserControl将这些文件加入到项目中，当然创建window不做控件也没关系3.写控件xaml文件中的代码，下面说一下我的方
WPF实现钟表效果
01-01
和之前一样首先看一下WPF钟表效果图 是不是很炫酷，上面的那个花都是带有动画效果的图片 。 接下来就是代码了。 首先看一下整个场景的布局搭建 <Window x:Class=QQDemo1.DateTimew xmlns=http://schemas.microsoft.com/winfx/2006/xaml/presentation xmlns:x=http://schemas.microsoft.com/winfx/2006/xaml Title=DateTimew Height=700 Width=800 Loaded=Wind
wpf 模拟抖音很火的罗盘时钟，附源码，解压就能跑
热门推荐
吃奶嘴的路飞的专栏
05-10 2万+
wpf 模拟抖音很火的罗盘时钟，附源码，解压就能跑 前端时间突然发现，抖音火了个壁纸，就是黑底蕾丝~~~ 错错错，黑底白字的罗盘时钟！ 　　作为程序员的我，也觉得很新颖，所以想空了研究下，这不，空下来了就用wpf，写个属于.net自己的罗盘时钟，目前只实现了时分秒，农历日期等逻辑都是一样的，所以就略了，有兴趣的朋友，可以继续深入！ 　　最开始想直接弄成成exe，方便拷贝，到处...
C#WPF时钟-自定义控件
最新发布
小豹的博客
06-12 409
C#WPF-自定义控件
制作WPF时钟之2
祝紫山（大可山人）博客[GDI+,WPF, .Net图形图像]
12-12 1万+
前段时间写了一篇“制作简单的WPF时钟”，今天再制作了一个更漂亮的WPF时钟，目前仅完成了设计部分，准备将它制作成一个无边框窗体式的时钟。效果图：  前次采用的是从Control控件继承，就是：public class Clock : Control，然后在Window中加入：标签的方式。这次准备采用另一种方式，就是：Storyboard，这是因为Storyboard也有定时完成某些指
SkiaSharp 之 WPF 自绘时钟（案例版）
蓝创精英团队
07-12 524
可见此地址:https://docs.microsoft.com/zh-cn/dotnet/api/skiasharp大概是以下的样子，也挺简单的，就是对度数是要计算的，用到的方法，也就画圆和画路径以及画文本几个方法。然后，根据时间，自动转动时钟的指针。自从毕业后，就没有做过这样的案例了。但是，上手了，感觉还是很欣喜的。新建一个WPF项目，然后，Nuget包即可 其中核心逻辑是这部分，会以我设置的60FPS来刷新当前的画板。 时钟逻辑 运行结果 这个录的GIF播放效果真不错，基本体现出来了效果。也算是入门
wpf-时钟
weixin_45105458的博客
01-06 320
XAML <Window x:Class="wpf动画.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" ...
WPF 翻页时钟
05-08
【WPF 翻页时钟】是一种使用Windows Presentation Foundation（WPF）框架设计的数字时钟，它的显示方式类似于传统的翻页式机械钟表，每过一分钟，时钟的数字就会翻转一次来更新时间。这个项目为开发者提供了一个学习...
WPF实现时钟特效
09-03
在本文中，我们将深入...总的来说，这个简单的WPF时钟示例展示了如何结合XAML和C#来创建动态UI，以及如何使用定时器来实现周期性更新。通过这种方式，开发者可以利用WPF的强大功能来创建更复杂、更吸引人的用户界面。
wpf桌面时钟
01-19
【wpf桌面时钟】是一种使用C#编程语言和Windows Presentation Foundation（WPF）框架开发的桌面应用程序。WPF是微软.NET Framework的一部分，专门用于构建丰富的、交互式的用户界面，它提供了强大的图形渲染能力和...
wpf版系统时钟
02-20
wpf的 时钟 跟系统时间 同步,利用binding 和timer
C# WPF 时钟动画(2/2)
qq_35382207的博客
04-23 576
模拟实现时钟效果，学习WPF动画好例子，本文承接上文 C# WPF 时钟动画(1/2)。 微信公众号：Dotnet9，网站：Dotnet9，问题或建议：请网站留言， 如果对您有所帮助：欢迎赞赏。 C# WPF 时钟动画(2/2) 内容目录 实现效果 业务场景 编码实现 本文参考 源码下载 1.实现效果 时钟实时展示系统本机时间 2.业务场景 模拟时钟 3.编码实现 使用 .Net...
Wpf实现钟表效果
守护明天的博客
09-08 1878
和之前一样首先看一下效果图 是不是很炫酷，上面的那个花都是带有动画效果的图片 接下来就是代码了 首先看一下整个场景的布局搭建<Window x:Class="QQDemo1.DateTimew" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://sc
wpf自己画表盘_练手WPF（一）——模拟时钟与数字时钟的制作（上）
weixin_35965051的博客
12-24 861
一、Visual Studio创建一个WPF项目。简单调整一下MainWindow.xaml文件。主要使用了两个Canvas控件，分别用于显示模拟和数字时钟，命名为AnalogCanvas、digitCanvas。代码如下：Title="Moon Clock"Height="600"Width="1280"WindowStartupLocation="CenterScreen">二、模拟时钟...
制作简单的WPF时钟
祝紫山（大可山人）博客[GDI+,WPF, .Net图形图像]
10-26 1万+
在很早之前，我曾经写过一个GDI+的时钟，见“C#时钟控件 （C# Clock Control）” http://blog.csdn.net/johnsuna/archive/2006/02/13/597746.aspx及“使用C#编写LED样式时钟控件”（http://blog.csdn.net/johnsuna/archive/2006/02/14/598867.aspx），进入WPF时代了，
WPF中绘制一个钟表
zls365365的博客
02-28 62
一个时钟的效果画一个人钟表也挺简单的，就是对度数是要计算的，用到的方法，也就画圆和画路径以及画文本几个方法。要在WPF中绘制一个钟表，您可以使用XAML和C#的组合来创建界面和实现逻辑。以下是一个简单示例：1. 创建一个新的WPF项目，并在MainWindow.xaml文件中添加以下代码：```xaml <Window x:Class="ClockApp.MainWindow" ...
WPF 时钟示例
韬光养晦
03-16 1012
WPF 时钟示例 一.首先添加一个自定义控件 Clock 导入两个引用：Microsoft.Expression.Controls.dll 和 Microsoft.Expression.Drawing.dll Generic.xaml代码： <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/...
wpf时钟
05-26
在 WPF 中实现时钟可以使用 System.Windows.Threading.DispatcherTimer 类。以下是一个简单的示例： XAML 代码： ```xaml <Window x:Class="WpfApp.ClockWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Clock" Height="150" Width="250"> <Grid> <TextBlock x:Name="txtTime" FontSize="30" TextAlignment="Center" VerticalAlignment="Center"/> </Grid> </Window> ``` C# 代码： ```csharp using System; using System.Windows; namespace WpfApp { public partial class ClockWindow : Window { private readonly System.Windows.Threading.DispatcherTimer _timer; public ClockWindow() { InitializeComponent(); // 创建一个计时器，并设置间隔为 1 秒 _timer = new System.Windows.Threading.DispatcherTimer(); _timer.Interval = TimeSpan.FromSeconds(1); // 注册 Tick 事件处理程序 _timer.Tick += Timer_Tick; // 启动计时器 _timer.Start(); } private void Timer_Tick(object sender, EventArgs e) { // 更新文本块的内容为当前时间 txtTime.Text = DateTime.Now.ToString("HH:mm:ss"); } } } ``` 在构造函数中创建一个 `DispatcherTimer` 对象，并设置 `Interval` 属性为 `TimeSpan.FromSeconds(1)`，即每秒触发一次 `Tick` 事件。 然后注册 `Tick` 事件处理程序，在该处理程序中更新文本块的内容为当前时间。最后启动计时器。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值