BulletGraph クイックスタート

このセクションでは、Android アプリに C1BulletGraph コントロールを追加し、そのいくつかのプロパティを設定する方法について説明します。このトピックは 2 つの手順で構成されます。

手順 1：C1BulletGraph コントロールの追加
手順 2：プロジェクトの実行

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

customized bullet graph

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

C1BulletGraph コントロールを初期化するには、次の手順を実行します。

C# のコード

MainActivity クラスファイルに、次の参照を追加します。

C#	コードのコピー
using C1.Android.Gauge;

MainActivity クラス内の C1BulletGraph コントロールをインスタンス化し、いくつかのプロパティを次のように設定します。

C#	コードのコピー
using Android.App; using Android.Widget; using Android.OS; using C1.Android.Gauge; namespace AndroidGauge { [Activity(Label = "AndroidGauge", MainLauncher = true)] public class MainActivity : Activity { private C1BulletGraph mBulletGraph; private int mValue = 25; private int mMin = 0; private int mMax = 100; protected override void OnCreate(Bundle bundle) { base.OnCreate(bundle); mBulletGraph = (C1BulletGraph)FindViewById(Resource.Id.c1BulletGraph1); mBulletGraph.Enabled = true; mBulletGraph.Value = mValue; mBulletGraph.Min = mMin; mBulletGraph.Max = mMax; mBulletGraph.Step = 1; mBulletGraph.ShowText = GaugeShowText.All; mBulletGraph.IsReadOnly = false; mBulletGraph.IsAnimated = true; // 「メイン」レイアウトリソースからビューを設定する SetContentView(Resource.Layout.Main); } } }

コードのコピー

using Android.App;
using Android.Widget;
using Android.OS;
using C1.Android.Gauge;

namespace AndroidGauge
{
    [Activity(Label = "AndroidGauge", MainLauncher = true)]
    public class MainActivity : Activity
    { 
    private C1BulletGraph mBulletGraph;
    private int mValue = 25;
    private int mMin = 0;
    private int mMax = 100;
        protected override void OnCreate(Bundle bundle)
        {
            base.OnCreate(bundle);
            mBulletGraph = (C1BulletGraph)FindViewById(Resource.Id.c1BulletGraph1);
            mBulletGraph.Enabled = true;
            mBulletGraph.Value = mValue;
            mBulletGraph.Min = mMin;
            mBulletGraph.Max = mMax;
            mBulletGraph.Step = 1;
            mBulletGraph.ShowText = GaugeShowText.All;
            mBulletGraph.IsReadOnly = false;
            mBulletGraph.IsAnimated = true;
            // 「メイン」レイアウトリソースからビューを設定する
            SetContentView(Resource.Layout.Main);
        }
    }
}

C# の場合は Main.axml に次の XML コードを追加して、コントロールをデバイスにレンダリングします。

C#	コードのコピー
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" android:paddingLeft="16dp" android:paddingRight="16dp"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="bullet graph" /> <com.grapecity.C1.gauge.C1BulletGraph android:id="@+id/bulletgraph" android:layout_width="match_parent" android:layout_height="50dp" /> </LinearLayout>

コードのコピー

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    
android:layout_width="fill_parent"    
android:layout_height="fill_parent"    
android:orientation="vertical"    
android:paddingLeft="16dp"    
android:paddingRight="16dp">
        
<TextView      
android:layout_width="wrap_content"      
android:layout_height="wrap_content"      
android:text="bullet graph" />  
<com.grapecity.C1.gauge.C1BulletGraph      
android:id="@+id/bulletgraph"      
android:layout_width="match_parent"      
android:layout_height="50dp" />

</LinearLayout>

手順 2：プロジェクトの実行

ツールバーセクションで、Androidデバイスを選択し、F5 キーを押して出力を表示します。

先頭に戻る