LinearGauge クイックスタート

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

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

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

を設定

linear gauge with customized ranges

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

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

C# のコード

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

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

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

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 C1LinearGauge mLinearGauge; private int mValue = 25; private int mMin = 0; private int mMax = 100; protected override void OnCreate(Bundle bundle) { base.OnCreate(bundle); mLinearGauge = (C1LinearGauge)FindViewById(Resource.Id.c1LinearGauge1); mLinearGauge.Enabled = true; mLinearGauge.Value = mValue; mLinearGauge.Min = mMin; mLinearGauge.Max = mMax; mLinearGauge.Step = 1; mLinearGauge.ShowText = GaugeShowText.All; mLinearGauge.IsReadOnly = false; mLinearGauge.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 C1LinearGauge mLinearGauge;
    private int mValue = 25;
    private int mMin = 0;
    private int mMax = 100;
        protected override void OnCreate(Bundle bundle)
        {
            base.OnCreate(bundle);
            mLinearGauge = (C1LinearGauge)FindViewById(Resource.Id.c1LinearGauge1);
            mLinearGauge.Enabled = true;
            mLinearGauge.Value = mValue;
            mLinearGauge.Min = mMin;
            mLinearGauge.Max = mMax;
            mLinearGauge.Step = 1;
            mLinearGauge.ShowText = GaugeShowText.All;
            mLinearGauge.IsReadOnly = false;
            mLinearGauge.IsAnimated = true;
            // 「メイン」レイアウトリソースからビューを設定する
            SetContentView(Resource.Layout.Main);
        }
    }
}

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

C#	コードのコピー
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" android:minWidth="25px" android:minHeight="25px"> <C1.Android.Gauge.C1LinearGauge android:minWidth="25px" android:minHeight="25px" android:layout_width="match_parent" android:layout_height="wrap_content" android:id="@+id/c1LinearGauge1" /> </LinearLayoutradialGauge>

コードのコピー

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:minWidth="25px"
    android:minHeight="25px">
    <C1.Android.Gauge.C1LinearGauge
        android:minWidth="25px"
        android:minHeight="25px"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/c1LinearGauge1" />
</LinearLayoutradialGauge>

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

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