バージョン

数値項目の構成 (igRadialMenu)

トピックの概要

目的

このトピックでは、igRadialMenu™ の数値項目について説明します。

前提条件

このトピックを理解するために、以下のトピックを参照することをお勧めします。

このトピックの内容

このトピックは、以下のセクションで構成されます。

数値項目の構成の概要

数値項目の構成の概要表

igRadialMenu は、数値を確認し設定する数値項目をサポートします。詳細は、表の後に記載されています。

数値項目 説明 タイプによる表示
数値項目
  • ヘッダー テキストを表示します。
  • アイコンを表示します。
  • 関連付けられた数値を表示します。
 numericitem
数値ゲージ
  • 許容値を目盛りで表したスケールを表示します。
  • 現在の値を表示します。
  • 保留中の値を表示します。
 numericgauge

数値項目

概要

ボタン項目が提供するヘッダー テキストやアイコンに加え、数値項目には関連付けられた値がアイコン内またはアイコン上に表示されます。

以下のスクリーンショットは、関連付けられた値 (12) がアイコン上に表示された数値項目を示します。

プロパティ設定

以下の表は、主な構成とそれを管理するプロパティ設定のマップを示します。

目的: 使用するオプション / イベント: 操作:
項目に関連付けられた数値の設定 / 確認 value 値を設定または読み取ります。
関連付けられた数値の変更についての通知 valueChanged イベント ハンドラーにアタッチします。

数値ゲージ

概要

数値ゲージ項目は、ユーザーが選択できる値 (目盛り) のある数値ゲージを表示します。現在の値と保留中の値 (マウス カーソルがホバーしている値) を示す針もあります。

以下のスクリーンショットは、数値ゲージを示しています。

  1. 目盛り
  2. 現在の値を示す針
  3. 保留中の値を示す針

プロパティ設定

以下の表は、主な構成とそれを管理するプロパティ設定のマップを示します。

目的: 使用するオプション / イベント: 操作:
保留中の値の設定 / 取得 pendingValue double 型の値に設定します。
関連付けられた保留中の値の変更についての通知 pendingValueChanged イベント ハンドラーにアタッチします。
目盛りの設定 / 取得 ticks 目盛りの値があるコレクションに設定します。
現在の値の設定 / 取得 value double 型の値に設定します。
関連付けられた数値の変更についての通知 valueChanged イベント ハンドラーにアタッチします。

関連コンテンツ

トピック

このトピックの追加情報については、以下のトピックも合わせてご参照ください。

  • 色項目の構成: このトピックでは、igRadialMenu の色項目について説明します。

サンプル

このトピックについては、以下のサンプルも参照してください。

  • 数値項目: このサンプルは、数値項目とゲージ項目を定義する方法を紹介します。

オンラインで表示: GitHub