C# による Xuni コントロールの追加

このトピックでは、C# を使用して iOS アプリケーションに Xuni コントロールを追加する方法について説明します。これには、3 つの手順を実行します。

手順 1：Xuni ライブラリのインポート
手順 2：コントロールの追加
手順 3：アプリケーションの実行

次の図は、上記の手順を実行した後の RadialGauge を示しています。

手順 1：NuGet を介した Xuni ライブラリのインポート

ソリューションエクスプローラーで、［プロジェクト名］を右クリックし、［NuGet パッケージの管理］を選択します。
［オンライン］をクリックし、次に［Xuni］をクリックします。
Xuni.iOS.Core と Xuni.iOS.Gauge の隣にある［インストール］をクリックします
［同意する］をクリックして Xuni のライセンスに同意し、［NuGet パッケージの管理］ダイアログボックスの［閉じる］をクリックします。

上記の手順で、XuniGauge コントロールの参照が追加されます。

C#	コードのコピー
using Xuni.iOS.Gauge; using Xuni.iOS.Core;

手順 2：コントロールの追加

ソリューションエクスプローラーで、RootViewController.cs をダブルクリックして開きます。

次のコードを ViewDidLoad() メソッドに追加して XuniGauge コントロールを初期化し、そのプロパティを設定します。

C#	コードのコピー
// 円形ゲージコントロールをインスタンス化します。 XuniRadialGauge radialGauge = new XuniRadialGauge(); radialGauge.Tag = 2; radialGauge.Min = 0; radialGauge.Max = 100; radialGauge.Value = 35; radialGauge.Thickness = 0.6; radialGauge.StartAngle = -20; radialGauge.SweepAngle = 220; radialGauge.ShowText = ShowText.ShowTextNone; radialGauge.ShowRanges = true; //範囲を作成します 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 に追加します radialGauge.Ranges.Add(low); radialGauge.Ranges.Add(med); radialGauge.Ranges.Add(high); //レイアウトを設定します radialGauge.Frame = new CoreGraphics.CGRect (10, 40, View.Bounds.Width - 20, View.Bounds.Height / 2); radialGauge.AddSubview (radialGauge);

コードのコピー

// 円形ゲージコントロールをインスタンス化します。
     XuniRadialGauge radialGauge = new XuniRadialGauge();
     radialGauge.Tag = 2;
     radialGauge.Min = 0;
     radialGauge.Max = 100;
     radialGauge.Value = 35;
     radialGauge.Thickness = 0.6;
     radialGauge.StartAngle = -20;
     radialGauge.SweepAngle = 220;
     radialGauge.ShowText = ShowText.ShowTextNone;
         radialGauge.ShowRanges = true; 
                                        
//範囲を作成します

     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 に追加します
    radialGauge.Ranges.Add(low);
    radialGauge.Ranges.Add(med);
    radialGauge.Ranges.Add(high);
                                        
//レイアウトを設定します
    radialGauge.Frame = new CoreGraphics.CGRect (10, 40, View.Bounds.Width - 20, View.Bounds.Height / 2);
    radialGauge.AddSubview (radialGauge);

先頭に戻る

手順 3：アプリケーションの実行

［F5］キーを押してアプリケーションを実行します。