範囲

1 つのゲージに複数の範囲を追加できます。各範囲は、ユーザーがゲージの値の状態を判断するために役立つ領域または状態を表します。どの範囲にも、ゲージ内での範囲の位置を指定する Min および Max プロパティと、範囲の外観を定義する Color および Thickness プロパティがあります。

次のコード例は、C# および XAML でゲージにいくつかの範囲を追加し、それらのプロパティを設定する方法を示します。

C# のコード

タイプ GaugeRange の新しいインスタンスを作成し、そのプロパティを設定し、新しく作成した範囲を LinearGauge（または RadialGauge/BulletGraph）に追加します。

C#	コードのコピー
//範囲を作成します。 GaugeRange low = new GaugeRange(); GaugeRange med = new GaugeRange(); GaugeRange high = new GaugeRange(); //範囲をカスタマイズします。 low.Color = Color.Red; low.Min = 0; low.Max = 40; med.Color = Color.Yellow; med.Min = 40; med.Max = 80; high.Color = Color.Green; high.Min = 80; high.Max = 100; //範囲をゲージに追加します。 gauge.Ranges.Add(low); gauge.Ranges.Add(med); gauge.Ranges.Add(high);

コードのコピー

//範囲を作成します。
GaugeRange low = new GaugeRange();
GaugeRange med = new GaugeRange();
GaugeRange high = new GaugeRange();

//範囲をカスタマイズします。
low.Color = Color.Red;
low.Min = 0;
low.Max = 40;
med.Color = Color.Yellow;
med.Min = 40;
med.Max = 80;
high.Color = Color.Green;
high.Min = 80;
high.Max = 100;

//範囲をゲージに追加します。
gauge.Ranges.Add(low);
gauge.Ranges.Add(med);
gauge.Ranges.Add(high);

XAML のコード

範囲のマークアップをコントロールの開始タグと終了タグ（この例では <xuni:XuniLinearGauge></xuni:XuniLinearGauge>）の間に追加して新しい範囲を作成し、それらを LinearGauge（または RadialGauge/BulletGraph）に追加します。

HTML	コードのコピー
<xuni:XuniLinearGauge Value="35" Min="0" Max="100" Thickness="0.1" HeightRequest="50" WidthRequest="50"> <xuni:XuniLinearGauge.Ranges> <xuni:GaugeRange Min="0" Max="40" Color="Red"/> <xuni:GaugeRange Min="40" Max="80" Color="Yellow"/> <xuni:GaugeRange Min="80" Max="100" Color="Green"/> </xuni:XuniLinearGauge.Ranges> </xuni:XuniLinearGauge>

HTML

コードのコピー

  <xuni:XuniLinearGauge Value="35" Min="0" Max="100" Thickness="0.1" HeightRequest="50" WidthRequest="50">
      <xuni:XuniLinearGauge.Ranges>
        <xuni:GaugeRange Min="0" Max="40" Color="Red"/>
        <xuni:GaugeRange Min="40" Max="80" Color="Yellow"/>
        <xuni:GaugeRange Min="80" Max="100" Color="Green"/>
      </xuni:XuniLinearGauge.Ranges>
    </xuni:XuniLinearGauge>