範囲

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

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

サンプルコード

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

Swift
Objective-C
C#

//範囲を作成します
let lower = XuniGaugeRange()
let middle = XuniGaugeRange()
let upper = XuniGaugeRange()

//範囲をカスタマイズします
lower.min = 0
lower.max = 40
lower.color = UIColor.redColor()
        
middle.min = 40
middle.max = 80
middle.color = UIColor.yellowColor()

upper.min = 80
upper.max = 100
upper.color = UIColor.greenColor()
        
//範囲を追加します
radialGauge.ranges .addObject(lower)
radialGauge.ranges .addObject(middle)
radialGauge.ranges .addObject(upper)
self.view.addSubview(radialGauge)

// 範囲を作成します
XuniGaugeRange* lower = [[XuniGaugeRange alloc] initWithGauge:linearGauge];
XuniGaugeRange* middle = [[XuniGaugeRange alloc] initWithGauge:linearGauge];
XuniGaugeRange* upper = [[XuniGaugeRange alloc] initWithGauge:linearGauge];
                        
//範囲をカスタマイズします
lower.min = 0;
lower.max = 40;
lower.color = [UIColor redColor];

middle.min = 40;
middle.max = 80;
middle.color = [UIColor yellowColor];

upper.min = 80;
upper.max = 100;
upper.color = [UIColor greenColor];
                        
//範囲を追加します
[linearGauge.ranges addObject:lower];
[linearGauge.ranges addObject:middle];
[linearGauge.ranges addObject:upper];
[self.view addSubview:linearGauge];

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

//範囲をカスタマイズします
low.Color = UIColor.Red;
low.Min = 0;
low.Max = 40;

med.Color = UIColor.Yellow;
med.Min = 40;
med.Max = 80;
high.Color = UIColor.Green;
high.Min = 80;
high.Max = 100;

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