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

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

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

手順 1：Xuni ライブラリのインポート

パッケージエクスプローラーで、［YourProjectName］→［src］を展開し、MainActivity.java をダブルクリックして開きます。

必要なパッケージをインポートします。たとえば、次のコードは、Gauge 用のパッケージをインポートします。

Java	コードのコピー
import com.grapecity.xuni.gauge.*

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

パッケージエクスプローラーで、src フォルダ内の MainActivity.java ファイルを見つけ、次の参照を追加します。

Java	コードのコピー
import com.grapecity.xuni.gauge.*

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

Java	コードのコピー
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); } }

Java

コードのコピー

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);    
                       }
                    }

パッケージエクスプローラーで、［res］→［layout］を見つけて展開し、activity_main.xml ファイル内の <RelativeLayout> </RelativeLayout> タグの xml コードを次のように更新します。

Java	コードのコピー
<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.XuniBulletGraph android:layout_width="match_parent" android:layout_height="100dp" android:id="@+id/gauge" > </com.grapecity.xuni.gauge.XuniBulletGraph> </RelativeLayout>

Java

コードのコピー

<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.XuniBulletGraph
android:layout_width="match_parent"
android:layout_height="100dp"
android:id="@+id/gauge" >
</com.grapecity.xuni.gauge.XuniBulletGraph>
</RelativeLayout>

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

パッケージエクスプローラーで、アプリケーションを右クリックし、［実行］→［Android アプリケーション］をクリックします。

先頭に戻る