关于 syncfusion-winforms-clock
此技能指导开发者在 WinForms 中使用 Syncfusion Clock 控件,显示模拟或数字时钟并配置外观、时间和绘制方式。
主要功能
- 01模拟与数字显示模式
- 02自定义或固定时间显示
- 03暂停时钟计时
- 04配置颜色、渐变与透明背景
- 05自定义模拟和数字绘制器
适用场景
- 01在 WinForms 窗体中添加时钟
- 02显示指定时间或冻结时钟
- 03将时钟作为透明界面叠层
- 04为时钟指针或数字边框定制绘制
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ syncfusion/ winforms-ui-components-skills --skill syncfusion-winforms-clock安装后在 Claude Code 中输入/syncfusion-winforms-clock确认已加载。
包含的文件
除 SKILL.md 外,安装时一起下载的参考资料和脚本。
references/appearance-and-color.mdcustom-renderer.mddigital-clock.mdgetting-started.md详细介绍
实现 Syncfusion WinForms 时钟控件
Syncfusion Clock 控件(Syncfusion.Windows.Forms.Tools.Clock)是仅用于显示的控件,可将当前时间显示为模拟时钟或数字时钟。它支持广泛的视觉自定义,包括指针颜色和粗细、渐变背景、数字模式下的边框和形状、透明度,以及可完全替换的渲染管线。
何时使用此技能
在以下情况下使用此技能:
- 向 WinForms 窗体添加时钟显示(模拟或数字)
- 通过
ClockType在模拟和数字模式之间切换 - 自定义颜色——渐变背景、指针颜色、边框、分钟刻度线
- 配置数字时钟边框或形状——
ClockFrame、ClockShape - 显示固定时间或自定义时间——
ShowCustomTimeClock+CustomTime - 将时钟冻结在特定时间——
StopTimer - 应用自定义渲染器——重写
ClockRenderer.DrawInterior或DigitalClockRenderer.DrawDigitalClockFrame
组件概览
| 属性 | 类型 | 说明 |
|---|---|---|
ClockType | ClockTypes | Analog 或 Digital |
ShowCustomTimeClock | bool | 启用自定义(非系统)时间显示 |
CustomTime | DateTime | 当 ShowCustomTimeClock 为 true 时显示的自定义时间 |
StopTimer | bool | 将时钟冻结在当前时间 |
IsTransparent | bool | 透明背景(模拟时钟) |
Renderer | ClockRenderer | 用于模拟时钟指针的自定义渲染器 |
DigitalRenderer | DigitalClockRenderer | 用于数字时钟边框的自定义渲染器 |
文档与导航指南
入门
📄 阅读: references/getting-started.md
- 程序集引用和 NuGet 包设置
- 通过设计器或编程方式添加 Clock
- 在模拟和数字模式之间切换(
ClockType) - 显示固定时间或自定义时间(
ShowCustomTimeClock、CustomTime) - 冻结时钟(
StopTimer)
外观与颜色自定义
📄 阅读: references/appearance-and-color.md
- 渐变背景颜色(
StartGradientBackColor、EndGradientBackColor) - 指针颜色(
HourHandColor、MinuteHandColor、SecondHandColor) - 分钟刻度线和边框颜色(
MinuteColor、BorderColor) - 指针粗细(
HourHandThickness、MinuteHandThickness、SecondHandThickness、MinuteThickness) - 显示/隐藏开关(
ShowAMorPM、ShowBorder、ShowMinute、ShowSecondHand) - 透明背景(
IsTransparent)
数字时钟
📄 阅读: references/digital-clock.md
- 启用数字模式
- 边框与形状——两者互斥;使用
ShowClockFrame进行切换 ClockFrame的值:RectangularFrame、CircularFrame、SquareFrameClockShape的值:Rectangle、RoundedRectangle、Circle、Square、RoundedSquare- 颜色自定义:
ForeColor、BackgroundColor、BorderColor - 行为:
DisplayDates、ShowHourDesignator - 数字模式下的自定义时间
- 自定义数字时钟边框渲染器(
DigitalRenderer)
自定义渲染器(模拟时钟)
📄 阅读: references/custom-renderer.md
- 派生
ClockRenderer并重写DrawInterior sender的值:"SecondsHand"、"MinutesHand"、"HoursHand"、分钟刻度线(else)- 使用
LineCap、DashStyle自定义画笔 - 将渲染器分配给时钟
快速入门
C# — 模拟时钟,编程方式:
using Syncfusion.Windows.Forms.Tools;
Clock clock1 = new Clock();
clock1.ClockType = ClockTypes.Analog;
clock1.StartGradientBackColor = Color.Black;
clock1.HourHandColor = Color.SkyBlue;
clock1.MinuteHandColor = Color.LightSeaGreen;
clock1.SecondHandColor = Color.LightSteelBlue;
this.Controls.Add(clock1);
VB.NET — 数字时钟:
Imports Syncfusion.Windows.Forms.Tools
Dim clock1 As New Clock()
clock1.ClockType = ClockTypes.Digital
clock1.ShowClockFrame = True
clock1.ClockFrame = ClockFrames.RectangularFrame
Me.Controls.Add(clock1)
常见用例
| 场景 | 要设置的属性 |
|---|---|
| 显示实时模拟时钟 | ClockType = Analog(默认值) |
| 显示带边框的数字时钟 | ClockType = Digital、ShowClockFrame = true、ClockFrame = ... |
| 停在特定时间 | StopTimer = true |
| 显示自定义/固定时间 | ShowCustomTimeClock = true、CustomTime = new DateTime(...) |
| 透明模拟时钟叠加层 | IsTransparent = true |
| 自定义指针渲染 | 派生 ClockRenderer,设置 clock1.Renderer |
| 自定义数字时钟边框 | 派生 DigitalClockRenderer,设置 clock1.DigitalRenderer |
评论
支持 Markdown