mcpField
S
syncfusion-maui-digital-gauge

syncfusion-maui-digital-gauge

github.com/syncfusion设计与 UI61202 次安装2 周前更新
代码仓库

关于 syncfusion-maui-digital-gauge

面向 .NET MAUI 开发者的 Syncfusion DigitalGauge 技能,用于以 LED 数字段形式显示字母数字内容。介绍四类字符分段及文本、样式和事件配置。

主要功能

  1. 017、14、16 段字符显示
  2. 028×8 点阵显示
  3. 03数字、字母和特殊字符
  4. 04字符尺寸与间距设置
  5. 05分段颜色和背景配置
  6. 06TextChanged 事件处理

适用场景

  1. 01制作数字时钟或计数器
  2. 02显示计时器与记分牌
  3. 03构建仪表盘数字读数
  4. 04呈现 LED 风格状态信息

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/syncfusion/maui-ui-components-skills --skill syncfusion-maui-digital-gauge

安装后在 Claude Code 中输入/syncfusion-maui-digital-gauge确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

references/
character-display-types.md
character-segment-types.md
customization.md
events.md
getting-started.md

详细介绍

实现 .NET MAUI 数字仪表

Syncfusion® .NET MAUI DigitalGauge(SfDigitalGauge)控件以数字 LED 风格显示字母数字字符。它支持多种段类型,可渲染数字、字母和特殊字符,非常适合数字时钟、计数器、状态显示和复古风格界面。

何时使用此技能

在以下情况下使用此技能:

  • 以数字/LED 显示格式显示文本(如数字时钟、计算器或仪表盘)
  • 实现七段、十四段或十六段字符显示
  • 以复古或工业风格显示数值
  • 创建数字计数器、计时器或记分牌
  • 以 8×8 点阵格式显示字母数字数据
  • 构建带数字读数的仪表板组件
  • 实现 LED 风格字符的状态指示器

组件概述

DigitalGauge 提供四种不同的字符段类型:

  • 7 段:最适合显示数字和有限的大写字母
  • 14 段:可显示数字和完整字母表
  • 16 段:清晰显示数字和字母表
  • 8×8 点阵:支持数字、字母表和特殊字符

文档与导航指南

入门

📄 阅读: references/getting-started.md

  • 安装 Syncfusion.Maui.Gauges NuGet 包
  • 在 MauiProgram.cs 中注册处理程序
  • 使用 XAML 和 C# 实现基本的 DigitalGauge
  • 使用 Text 属性显示文本
  • 初始配置
字符段类型

📄 阅读: references/character-segment-types.md

  • 了解四种段类型(7 段、14 段、16 段、8×8 点阵)
  • 根据使用场景选择合适的段类型
  • 七段显示的实现
  • 十四段显示的实现
  • 十六段显示的实现
  • EightCrossEightDotMatrix 显示的实现
  • 段类型比较与建议
字符显示类型

📄 阅读: references/character-display-types.md

  • 显示数字字符
  • 显示字母字符
  • 显示特殊字符
  • Text 属性的使用模式
  • 适用于不同内容的段类型
自定义选项

📄 阅读: references/customization.md

  • 字符大小(CharacterHeight、CharacterWidth)
  • 字符间距
  • 段颜色(CharacterStroke)
  • 自定义笔画宽度
  • 禁用段样式(DisabledSegmentStroke、DisabledSegmentAlpha)
  • 背景颜色配置
  • 完整的样式示例
事件

📄 阅读: references/events.md

  • TextChanged 事件
  • 事件参数和处理
  • XAML 和 C# 中的事件模式

评论

支持 Markdown