mcpField
S
syncfusion-maui-digital-gauge

syncfusion-maui-digital-gauge

github.com/syncfusionデザイン・UI61202 回インストール2 週間前に更新
リポジトリ

syncfusion-maui-digital-gauge について

Syncfusion DigitalGauge で LED 風に英数字を表示する .NET MAUI 開発者向けスキルです。4 種類のセグメント、テキスト、スタイル、イベントの設定を扱います。

主な機能

  1. 017、14、16 セグメント表示
  2. 028×8 ドットマトリックス表示
  3. 03数字、英字、特殊文字
  4. 04文字サイズと間隔の設定
  5. 05セグメント色と背景の設定
  6. 06TextChanged イベント処理

活用シーン

  1. 01デジタル時計やカウンターの作成
  2. 02タイマーやスコアボードの表示
  3. 03ダッシュボードの数値表示
  4. 04LED 風ステータス情報の表示

インストール

コマンドをコピーしてターミナルで実行します。

$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 表示形式(デジタル時計、電卓、計器パネルなど)で表示する
  • 7 セグメント、14 セグメント、16 セグメントの文字表示を実装する
  • レトロまたは工業的なビジュアルスタイルで数値を表示する
  • デジタルカウンター、タイマー、スコアボードを作成する
  • 8×8 ドットマトリックス形式で英数字データを表示する
  • デジタル表示を備えたダッシュボードコンポーネントを構築する
  • LED 形式の文字を使ったステータスインジケーターを実装する

コンポーネントの概要

DigitalGauge には、文字を表示するための 4 種類のセグメントタイプがあります。

  • 7 セグメント:数字と一部の大文字の表示に最適です
  • 14 セグメント:数字とアルファベット全体を表示します
  • 16 セグメント:数字とアルファベットを明瞭に表示します
  • 8×8 ドットマトリックス:数字、アルファベット、特殊文字に対応します

ドキュメントとナビゲーションガイド

はじめに

📄 参照先: references/getting-started.md

  • Syncfusion.Maui.Gauges NuGet パッケージのインストール
  • MauiProgram.cs でのハンドラーの登録
  • XAML と C# での DigitalGauge の基本的な実装
  • Text プロパティを使用したテキストの表示
  • 初期設定
文字セグメントタイプ

📄 参照先: references/character-segment-types.md

  • 4 種類のセグメントタイプ(7、14、16、8×8 ドットマトリックス)の理解
  • 用途に適したセグメントタイプの選択
  • 7 セグメント表示の実装
  • 14 セグメント表示の実装
  • 16 セグメント表示の実装
  • EightCrossEightDotMatrix 表示の実装
  • セグメントタイプの比較と推奨事項
文字の表示タイプ

📄 参照先: references/character-display-types.md

  • 数字の表示
  • アルファベット文字の表示
  • 特殊文字の表示
  • Text プロパティの使用パターン
  • コンテンツの種類に応じた互換性のあるセグメントタイプ
カスタマイズオプション

📄 参照先: references/customization.md

  • 文字サイズ(CharacterHeight、CharacterWidth)
  • 文字間隔
  • セグメントの色(CharacterStroke)
  • 線幅のカスタマイズ
  • 無効なセグメントのスタイル設定(DisabledSegmentStroke、DisabledSegmentAlpha)
  • 背景色の設定
  • スタイル設定の完全な例
イベント

📄 参照先: references/events.md

  • TextChanged イベント
  • イベント引数とイベント処理
  • XAML と C# でのイベントパターン

コメント