Xuni for Android のドキュメント
C# による Xuni コンポーネントの追加
Xuni for Android の紹介 > Xamarin Androidの使用 > C# による Xuni コンポーネントの追加

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

手順 1：NuGet パッケージの追加

  1. Visual Studio で、ソリューションエクスプローラーからプロジェクトをクリックし、［ソリューション用 NuGet パッケージの管理］を選択すると［NuGet パッケージの管理］ダイアログが開きます。
  2. このダイアログで、必要な NuGet パッケージを選択し、インストールします。
  3. インストールしたパッケージの参照をプロジェクトに追加します。
    C#
    コードのコピー 
    using Com.GrapeCity.Xuni.Gauge;

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

  1. ソリューションエクスプローラーで、MainActivity ファイルを見つけ、次の参照を追加します。
    C#
    コードのコピー 
    using Com.GrapeCity.Xuni.Core;
using Com.GrapeCity.Xuni.Gauge;
  2. MainActivity クラス内の XuniBulletGraph コントロールをインスタンス化し、いくつかのプロパティを次のように設定します。
    C#
    コードのコピー 
    public class MainActivity extends Activity 
{
    @Override
    protected void onCreate(Bundle savedInstanceState) 
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        XuniBulletGraph gauge = (XuniBulletGraph)findViewById(R.id.gauge);
      
        //基本的なプロパティの設定
        gauge.setMax(100);
        gauge.setMin(0);
        gauge.setValue(25);
        gauge.setGaugeWidth(.3f);
        
        //Good、Bad、および Target を設定します
        gauge.setGood(100);
        gauge.setGoodRangeColor(Color.GRAY);
        gauge.setBad(50);
        gauge.setBadRangeColor(Color.DKGRAY);
        gauge.setTarget(75);
        gauge.setTargetRangeColor(Color.BLACK);
      
    }
}
  3. 次の XML コードを Main.axml に追加して、コントロールをデバイスにレンダリングします。
    C#
    コードのコピー 
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.gaugeeclipse.MainActivity" >

     <com.grapecity.xuni.gauge.XuniLinearGauge
        android:layout_width="match_parent"
        android:layout_height="100dp"
        android:id="@+id/gauge" >
    </com.grapecity.xuni.gauge.XuniLinearGauge>

</RelativeLayout>

手順 3：プログラムの実行

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

先頭に戻る

 

 

Copyright © GrapeCity inc. All rights reserved.