クイックスタート：Gauge を追加と設定

このセクションでは、iOS アプリに C1Gauge コントロールを追加し、その値を設定する方法について説明します。

ストーリーボードで C1Gauge コントロールを追加します

ソリューションエクスプローラー で、MainStoryboard をクリックしてストーリーボードエディタを開きます。
ドキュメントアウトライン の下で、View Controller を展開し、View をクリックします。
ツールボックスに Custom Components タブの下で、C1LinearGauge、C1RadialGauge または C1BulletGraph を ViewController にドラッグします。

コードで C1Gauge コントロールを初期化します

C1Gauge コントロールを初期化するには、ソリューションエクスプローラーから ViewController ファイルを開き、その内容を次のコードで置き換えます。これは、C1LinearGauge、C1RadialGauge または C1BulletGraph を初期化するために、View コントローラの viewDidLoad メソッドをオーバーライドします。

C#	コードのコピー
private const double DefaultValue = 25; private const double DefaultMin = 0; private const double DefaultMax = 100; C1LinearGauge linearGauge; C1RadialGauge radialGauge; C1BulletGraph bulletGraph; public override void ViewDidLoad() { base.ViewDidLoad(); this.EdgesForExtendedLayout = UIRectEdge.None; linearGauge = new C1LinearGauge(); radialGauge = new C1RadialGauge(); bulletGraph = new C1BulletGraph(); linearGauge.Value = DefaultValue; linearGauge.Min = bulletGraph.Min = radialGauge.Min = DefaultMin; linearGauge.Max = bulletGraph.Max = radialGauge.Max = DefaultMax; linearGauge.Value = bulletGraph.Value = radialGauge.Value = DefaultValue; bulletGraph.Bad = 20; bulletGraph.Good = 75; bulletGraph.Target = 70; this.View.BackgroundColor = linearGauge.BackgroundColor = bulletGraph.BackgroundColor = radialGauge.BackgroundColor = UIColor.White; this.Add(linearGauge); this.Add(radialGauge); this.Add(bulletGraph); } public override void ViewDidLayoutSubviews() { base.ViewDidLayoutSubviews(); linearGauge.Frame = new CGRect(this.View.Frame.X, this.View.Frame.Y, this.View.Frame.Width, this.View.Frame.Height/6); bulletGraph.Frame = new CGRect(this.View.Frame.X, this.View.Frame.Height / 3, this.View.Frame.Width, this.View.Frame.Height / 6); radialGauge.Frame = new CGRect(this.View.Frame.X, this.View.Frame.Height * 2 / 3, this.View.Frame.Width, this.View.Frame.Height/3); }

コードのコピー

private const double DefaultValue = 25;
private const double DefaultMin = 0;
private const double DefaultMax = 100;

C1LinearGauge linearGauge;
C1RadialGauge radialGauge;
C1BulletGraph bulletGraph;

public override void ViewDidLoad()
    {
            base.ViewDidLoad();
            this.EdgesForExtendedLayout = UIRectEdge.None;
            linearGauge = new C1LinearGauge();
            radialGauge = new C1RadialGauge();
            bulletGraph = new C1BulletGraph();

            linearGauge.Value = DefaultValue;
            linearGauge.Min = bulletGraph.Min = radialGauge.Min = DefaultMin;
            linearGauge.Max = bulletGraph.Max = radialGauge.Max = DefaultMax;
            linearGauge.Value = bulletGraph.Value = radialGauge.Value = DefaultValue;
            bulletGraph.Bad = 20;
            bulletGraph.Good = 75;
            bulletGraph.Target = 70;
            this.View.BackgroundColor = linearGauge.BackgroundColor = bulletGraph.BackgroundColor = radialGauge.BackgroundColor = UIColor.White;
            this.Add(linearGauge);
            this.Add(radialGauge);
            this.Add(bulletGraph);
        }

        public override void ViewDidLayoutSubviews()
        {
            base.ViewDidLayoutSubviews();
            linearGauge.Frame = new CGRect(this.View.Frame.X, this.View.Frame.Y,
                         this.View.Frame.Width, this.View.Frame.Height/6);

            bulletGraph.Frame = new CGRect(this.View.Frame.X, this.View.Frame.Height / 3,
                         this.View.Frame.Width, this.View.Frame.Height / 6);

            radialGauge.Frame = new CGRect(this.View.Frame.X, this.View.Frame.Height * 2 / 3, this.View.Frame.Width, this.View.Frame.Height/3);

        }