Android で再開する Java プログラミング

• 環境設定～HelloWorld
• 図形の描画
• モグラ叩き
• モグラ叩き２
• Button と EditText で遊ぶ
• SDK1.5でのインストールから実行までを10ステップで学ぶ
• XMLでUIを作る
• 基本的なUIをマスターしよう
• docomo HT-03A を入手～実機で Android アプリを動かしてみよう
• 手書きメモを作る
• Android で遊べるスクリプト環境 ASE で遊ぶ
• Android ライフサイクルを考慮-手書きメモを作り込む
• Android Market で作品を公開しよう！
• ダイアログを制するものがAndroidを制する！

Android とは、Googleが発表した携帯電話向けのプラットフォームの名称です。2007年11月に発表され、国内でも2009年夏にDocomoから実機がリリースされます。また、今後も、Androidを搭載したネットブックや音楽プレイヤーなど、さまざまな端末で Android が動くようになります。

既に、Android 1.5 SDK が無償で配布されており、これを利用することで誰でも Android の開発を行うことができます。本連載では、Java で Android アプリケーションを開発する方法を紹介しています。

ボタンを押すとメッセージが表示される簡単なアプリの制作

前回、Android 1.5 SDK の環境を構築し、簡単なアプリを作ってみました。これから、ボタンやエディタなどのインターフェイス系のコンポーネントに注目して紹介します。今回は、Button と EditText を中心に見てみます。

はじめに、ボタンをクリックするとダイアログを表示するという簡単なプログラムから作ってみます。

手順（１）新規プロジェクト

Eclipseを起動したら、[File > New > Project..]をクリックします。プロジェクトの種類は、Androidプロジェクトを選択して[Next]をクリックします。

手順（２）「HelloButton」プロジェクトの作成

「New Android Project」のダイアログが出たら、プロジェクト名(Project name)を「HelloButton」にします。ビルド(Build Target)は「Android 1.5」にチェックを入れます。

そしてプロパティは、次のように設定します。

手順（３）プログラムの編集

Package Explorerで、src/com.example.hello にある、HelloButton.java をダブルクリックして、編集を行います。

プログラムは、下記のように記述します。

file: HelloButton.java

package com.example.hello;

import android.app.Activity;
import android.app.AlertDialog;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.LinearLayout;

public class HelloButton extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //----------------------------------
        // 以下の部分を追加
        //----------------------------------
        // レイアウトを作成
        LinearLayout layout = new LinearLayout(this);
        layout.setOrientation(LinearLayout.VERTICAL);
        setContentView(layout);
        // ボタンを作成
        Button btn = new Button(this);
        btn.setText("挨拶します");
        layout.addView(btn);
        // ボタンのイベントを設定
        btn.setOnClickListener(new OnClickListener(){
            public void onClick(View v) {
                AlertDialog.Builder dlg;
                dlg = new AlertDialog.Builder(v.getContext());
                dlg.setTitle("挨拶");
                dlg.setMessage("こんにちは！");
                dlg.show();
            }
        });
    }
}

手順（４）実行してみる

実行ボタンをクリックするか、メニューから[Run > Run]をクリックすると、下記のように、どのように実行するのかを尋ねられます。「Android Application」を選択するとアプリケーションが実行されます。

下記のように、「挨拶します」というボタンが表示されます。

そして、ボタンをクリックすると、ダイアログが表示されます。

ちなみに、下記のボタンをクリックすると、ダイアログは閉じられます。

ボタンをクリックするアプリケーションの解説

無事実行できたら、もう少し細かい部分を確認していきます。ボタンを画面に乗せるために、レイアウトを作成します。ここでは、LinearLayout を利用しています。これは、各パーツを線上にレイアウトするためのものです。setOrientation()で、縦横方向を指定して配置することができます。

        // レイアウトを作成
        LinearLayout layout = new LinearLayout(this);
        layout.setOrientation(LinearLayout.VERTICAL);
        setContentView(layout);

• LinearLayout
  • http://developer.android.com/reference/android/widget/Line..

続いて、ボタンを作成しています。作成しただけでは、画面に表示されません。LinearLayout の addView() メソッドでビュー上に追加することにより、ボタンを画面上に表示できます。

        // ボタンを作成
        Button btn = new Button(this);
        btn.setText("挨拶します");
        layout.addView(btn);

そして、クリックした時の動作を指定するのが、以下の部分です。ボタンの setOnClickListener() を設定することでボタンをクリックした時の動作を指定できます。ここでは、AlertDialog を表示しています。(この AlertDialog は、SDK1.5になって使い方が変わった部分です。)

        // ボタンのイベントを設定
        btn.setOnClickListener(new OnClickListener(){
            public void onClick(View v) {
                AlertDialog.Builder dlg;
                dlg = new AlertDialog.Builder(v.getContext());
                dlg.setTitle("挨拶");
                dlg.setMessage("こんにちは！");
                dlg.show();
            }
        });

単位変換アプリの作成

次に単位変換を行うアプリケションを作ってみます。ここでは、インチ→センチメートルの変換を行うアプリケーションを作ってみます。

手順（１）プロジェクトの作成

Eclipseを起動して、[File >　New >　Project]をクリックして、Android プロジェクトを作成します。ここでは、以下の通り、プロジェクトを設定しました。

手順（２）プログラムの編集

Package Explorerから、src/com.example.test/InchToCm.java をダブルクリックして編集状態にします。そして、プログラムを下記のように編集します。

package com.example.test;

import android.app.Activity;
import android.app.AlertDialog;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.LinearLayout;
import android.widget.TextView;

public class InchToCm extends Activity {
    // -------------------------------------
    // 利用する部品
    public TextView txtInfo;
    public EditText edtInch;
    public Button btn;
    public TextView txtResult;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //----------------------------------
        // レイアウトを作成
        LinearLayout layout = new LinearLayout(this);
        layout.setOrientation(LinearLayout.VERTICAL);
        setContentView(layout);
        //----------------------------------
        // 部品を作成していく
        // ラベル
        txtInfo = new TextView(this);
        txtInfo.setText("インチを入力してください：");
        layout.addView(txtInfo);
        // エディタ
        edtInch = new EditText(this);
        layout.addView(edtInch);
        // ボタン
        btn = new Button(this);
        btn.setText("変換");
        layout.addView(btn);
        // 結果表示用ラベル
        txtResult = new TextView(this);
        txtResult.setTextSize(30f);
        layout.addView(txtResult);
        //----------------------------------
        // ボタンのイベントを設定
        btn.setOnClickListener(new OnClickListener(){
            public void onClick(View v) {
                String strInch = edtInch.getText().toString();
                double inch = Double.valueOf(strInch);
                double cm = 2.54 * inch;
                String strCm = String.valueOf(cm);
                txtResult.setText(strCm);
             }
        });
    }
}

手順（３）実行

これを実行してみると、下記のような単位変換アプリケーションが完成します。

単位変換アプリケーションの解説

このプログラムの中では、下記のコンポーネントを利用しています。

単位変換アプリの中では、これらのコンポーネントを次のような名前で利用しています。

    // 利用する部品
    public TextView txtInfo;   // 入力を促すラベル
    public EditText edtInch;   // インチの値を入力してもらうエディタ
    public Button btn;         // 変換実行ボタン
    public TextView txtResult; // 結果を表示するラベル

これらの配置は、先ほど見た LinearLayout を利用して縦に配置していきます。各コンポーネントを生成しては「addView()」でレイアウトに乗せていくという要領です。

        //----------------------------------
        // レイアウトを作成
        LinearLayout layout = new LinearLayout(this);
        layout.setOrientation(LinearLayout.VERTICAL);
        setContentView(layout);
        //----------------------------------
        // 部品を配置
        // ラベル
        txtInfo = new TextView(this);
        txtInfo.setText("インチを入力してください：");
        layout.addView(txtInfo);
        // エディタ
        edtInch = new EditText(this);
        layout.addView(edtInch);
        // ボタン
        btn = new Button(this);
        btn.setText("変換");
        layout.addView(btn);
        // 結果表示用ラベル
        txtResult = new TextView(this);
        txtResult.setTextSize(30f);
        layout.addView(txtResult);

ボタンをクリックしたときには、エディタにある値を取得して、センチメートルの値に変換し、これを結果表示用のTextView 「txtResult」に設定しています。

        // ボタンのイベントを設定
        btn.setOnClickListener(new OnClickListener(){
            public void onClick(View v) {
                String strInch = edtInch.getText().toString();
                double inch = Double.valueOf(strInch);
                double cm = 2.54 * inch;
                String strCm = String.valueOf(cm);
                txtResult.setText(strCm);
             }
        });

Java に慣れている方なら、軽く書く事ができるプログラムだと思います。筆者はあまり慣れていないので、TextView の setText() にうまく値を設定できなくて、ちょっと悩みました。setText は下記のように使います。

TextView.setText(CharSequence text)

この、CharSequence って何？という感じだったのですが、調べてみると、String クラスの基底クラスです。つまり、String 型のオブジェクトを設定すれば良いだけだったのです。

まとめ

以上、今回は、Android の GUIコンポーネントの基本となる Button/EditText/TextView の使い方を紹介しました。ボタンとエディタの使い方さえ分かれば、簡単なアプリをいろいろと作ることができると思います。本記事を参考にいろいろ作ってみてください。