syncfusion-maui-digital-gauge について
Syncfusion DigitalGauge で LED 風に英数字を表示する .NET MAUI 開発者向けスキルです。4 種類のセグメント、テキスト、スタイル、イベントの設定を扱います。
主な機能
- 017、14、16 セグメント表示
- 028×8 ドットマトリックス表示
- 03数字、英字、特殊文字
- 04文字サイズと間隔の設定
- 05セグメント色と背景の設定
- 06TextChanged イベント処理
活用シーン
- 01デジタル時計やカウンターの作成
- 02タイマーやスコアボードの表示
- 03ダッシュボードの数値表示
- 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.mdcharacter-segment-types.mdcustomization.mdevents.mdgetting-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.GaugesNuGet パッケージのインストール- 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# でのイベントパターン
コメント
Markdown 対応