バージョン

デザイン ビューで線形 WebGauge を作成

増減する情報（例、温度）を視覚的に表すためにはリニア ゲージを使用することができます。

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

  1. デザイン ビューで、フォーム上の UltraGauge コントロールをクリックします。

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

  3. ゲージ コレクション エディタで、[追加] をクリックして、[リニア ゲージを追加] を選択します。

Gauge Adding Linear Gauge.png

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

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

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

  4. この時点で、リニア ゲージが表示されます。

Gauge Adding Digital Gauge 02.png

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

  2. Scales プロパティをクリックすることにより、新しいスケールが作成されます。次に省略記号（…​）ボタンをクリックして、スケール コレクション エディタを開きます。

  3. [追加] をクリックして新しいスケールを作成します。

  4. スケールの Axis プロパティをクリックして、新しい Axis オブジェクトを作成します。次にドロップダウン リストから、[数値軸] を選択します。

  5. Axis プロパティを展開して、 StartValue プロパティを 0 に設定します。 EndValue プロパティを 100 に設定します。

  6. MajorTickmarks プロパティを展開することによって、主目盛をスケールに追加します。次に、 BrushElement プロパティをクリックして、ドロップダウン リストから、[単色塗りつぶし] を選択することによって、新しいブラシ エレメントを作成します。

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

  8. 目盛の外側の端を揃えるためには、 EndExtent プロパティを 55 に設定します。

  9. 値が EndExtent プロパティよりも小さくなるように StartExtent プロパティを変更することも必要です。StartExtent プロパティを 45 に設定します。

  10. StartWidth プロパティを 2 に EndWidth プロパティを 2 に設定します。

  11. StrokeElement プロパティを展開し、色をグレーに設定することによって、主目盛のストローク エレメントを設定します。

  12. MinorTickmarks プロパティを展開することによって、副目盛をスケールに追加します。

  13. StrokeElement プロパティを展開し、Color プロパティを黒に設定します。

  14. 目盛の外側の端を揃えるためには、EndExtent プロパティを 50 に設定します。

  15. 値が EndExtent プロパティよりも小さくなるように StartExtent プロパティを変更することも必要です。StartExtent プロパティを 45 に設定します。

  16. StartWidth プロパティを 1、EndWidth プロパティを 1、Frequency プロパティを 2 に設定します。

  17. Label プロパティを展開することによって、ラベルをスケールに追加します。次に、BrushElement プロパティをクリックして、ドロップダウン リストから、[単色塗りつぶし] を選択することによって、新しいブラシ エレメントを作成します。

  18. BrushElement プロパティを展開し、Color プロパティを白に設定します。

  19. Extent プロパティを 65 に、 ZPosition プロパティを AboveMarkers に設定します。

  20. これで必要となるのは、表示すべき現在の値を示すマーカーだけです。スケールの Markers プロパティをクリックして、省略記号（…）ボタンをクリックして、マーカー コレクション エディタを開きます。

Gauge Adding Linear Gauge 03.png

  1. [追加] をクリックして、[針の追加] を選択します。

  2. これで針が追加されますが、ブラシ エレメントが作成されていないので表示されません。

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

  4. BrushElement プロパティを展開し、Color プロパティをグレーに設定します。

  5. 針の値を指定していないので、針は依然として表示されません。Value プロパティを 20 に設定します。

  6. StartExtent プロパティを 10、EndExtent プロパティを 45、MidExtent プロパティを 30 に設定します。

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

Gauge Adding Linear Gauge 04.png