バージョン

デザイン ビューでデジタル WebGauge を作成

デジタル ゲージは、デジタル腕時計や目覚まし時計と同じようにデータを視覚的に表します。

デジタル ゲージを Gauge コントロールに追加するには、次の手順に従ってください。

  1. ツールボックスから、UltraGauge コントロールをフォームにドラッグします。

  2. [プロパティ] ウィンドウで、 Gauges プロパティをクリックします。次に省略記号（…​）ボタンをクリックして、ゲージ コレクション エディタを開きます。

  3. ゲージ コレクション エディタで、[追加] をクリックして、[セグメント化されたデジタル ゲージを追加] を選択します。

Gauge Adding Digital Gauge 01.png

  1. この時点で、デジタル ゲージが追加されましたが、特定のプロパティが設定されていないため表示されません。Gauge コントロールの構成を開始するために、Misc プロパティを展開します。

  2. BrushElement プロパティをクリックして、新しい BrushElement オブジェクトを作成します。次にドロップダウン リストから、[単色塗りつぶし] を選択します。

  3. BrushElement プロパティを展開して、 Color プロパティを Black に設定します。

  4. この時点で、デジタル ゲージが表示されます。

Gauge Adding Digital Gauge 02.png

  1. Bounds プロパティを展開することによって、ゲージのサイズを変更します。Width プロパティを 250、Height プロパティを 100 に設定します。

  2. Digits プロパティを 4 に設定します。

  3. FontBrushElement プロパティをクリックして、新しい FontBrushElement オブジェクトを作成します。次にドロップダウン リストから、[単色塗りつぶし] を選択します。

  4. FontBrushElement プロパティを展開し、Color プロパティを GreenYellow に設定します。

  5. UnlitBrushElement プロパティをクリックして、新しい UnlitBrushElement オブジェクトを作成します。次にドロップダウン リストから、[単色塗りつぶし] を選択します。

  6. UnlitBrushElement プロパティを展開し、Color プロパティを DarkGreen に設定します。

  7. Text プロパティを 1234 に設定します。

  8. プロジェクトを実行します。以下のフォームのように表示されるはずです。

Gauge Adding Digital Gauge 03.png