Androidアプリの画面遷移 ～ アクティビティの起動をつかさどるIntentクラス

Android Studio 2で始めるアプリ開発入門 第7回

Androidの画面遷移（1）

　それでは、今回のメインテーマである画面遷移について扱っていきましょう。

　上で作成したメニューリストをタップすると、画面が遷移し、以下の注文完了画面が表示されるようにしていきます。

図4　今回のサンプルの第2画面

ファイルの追加

　第3回「Androidアプリ開発の基本～ビューとアクティビティ」で解説したとおり、AndroidではActivityクラスとレイアウトxmlファイルのペアでひとつの画面が成り立っています。したがって、画面を追加するには、app/Javaフォルダの所定のパッケージ内にActivityクラスを、res/layoutフォルダにレイアウトxmlファイルを追加し、さらに、AndroidManifest.xmlに追加されたActivityを登録するという、3種の作業をしなければなりません。

　Android Studioではこの3種の作業をまとめて行ってくれる機能があります。Fileメニューから
［New］＞［Activity］＞［Empty Activity］
を選択してください。以下のようなウィザード画面が表示されます。

図5　Activityの追加画面

　以下の情報を入力し、「Finish」をクリックしてください。

• Activity Name: MenuThanksActivity
• Layout Name: activity_menu_thanks
• Package name: com.websarva.wings.android.intentsample
• TargetSource Set: main

　すると、所定の位置にMenuThanksActivityクラスとactivity_menu_thanks.xmlファイルが追加され、さらに、AndroidManifest.xmlに

<activity android:name=".MenuThanksActivity">
</activity>

　が追記されていることが確認できます。

ソースコードの記述

　それではソースコードを記述していきます。activity_menu_thanks.xmlに関しては、特に解説する内容はありませんので、ダウンロードサンプルのソースコードを参照してください。

　まず、MenuListActivityにソースコードを追記していきます。リストをタップした時に完了画面に遷移しますので、リストタップのリスナクラスの作成と、その登録を記述していきます。

リスト2　MenuListActivityにリスナを追加

public class MenuListActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {

    　　～省略～

        lvMenu.setOnItemClickListener(new ListItemClickListener());  // （7）
    }

    private class ListItemClickListener implements AdapterView.OnItemClickListener {

        @Override
        public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
            Map<String, String> item = (Map<String, String>) parent.getItemAtPosition(position);  // （8）
            String menuName = item.get("name");  // （9）
            String menuPrice = item.get("price");  // （9）

            Intent intent = new Intent(MenuListActivity.this, MenuThanksActivity.class);  // （10）
            intent.putExtra("menuName", menuName);  // （11）
            intent.putExtra("menuPrice", menuPrice);  // （11）
            startActivity(intent);  // （12）
        }
    }
}

　MenuListActivity内に、メンバクラスとしてリスナクラスを作成し、（7）でそれを登録しています。

　今回のListViewは、各データとしてMap<String, String>を使用しています。従って、positionを使ったタップデータの取得について、getItemAtPosition()の戻り値の型はMap<String, String>となります。これが（8）です。そのMap内からメニュー名、価格を取得しているのが（9）です。

　（10）～（12）の記述に関しては後述します。

　次に、MenuThanksActivityに以下のソースコードを追加してください。

リスト3　MenuThanksActivityに追加

public class MenuThanksActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {

    　　～省略～

        Intent intent = getIntent();  // （1）
        String menuName = intent.getStringExtra("menuName");  // （2）
        String menuPrice = intent.getStringExtra("menuPrice");  // （2）

        TextView tvMenuName = (TextView) findViewById(R.id.tvMenuName);
        TextView tvMenuPrice = (TextView) findViewById(R.id.tvMenuPrice);

        tvMenuName.setText(menuName);
        tvMenuPrice.setText(menuPrice);
    }

    public void onBackButtonClick(View view) {  // （3）
        finish();  // （4）
    }
}

　一通りのコーディングが終了したら、アプリを再起動し、動作確認を行ってください。リストをタップすると、注文完了画面が表示されることが確認できます。さらに、単なる注文完了画面ではなく、リストでタップした定食名と金額がちゃんと表示されています。

　どのように処理を記述すれば、こういうことが可能なのか、以下に解説してきます。

Androidの画面遷移の特徴

　その前に、先にここで、Androidの画面遷移の特徴を解説します。実はAndroidの画面遷移というのは、「遷移」と呼ぶにはふさわしくない挙動なのです。

　例えば、リストを一番下までスクロールした状態で「焼き魚定食」をタップして、注文完了画面を表示させます。その上で、「リストに戻る」ボタンをタップして表示されたリストというのは、注文完了画面を表示させる前の状態そのままで表示されます。

　これを図にすると以下のようになります。

図6　Androidの画面の挙動

　Androidでは画面は「遷移」するのではなく、元ある画面の上に画面が乗る形で表示されます。リスト画面をタップし、注文完了画面に「遷移」するのではなく、注文完了画面が新たに起動し、リスト画面の上に表示されます。戻るボタンタップ時には、起動している注文完了画面を終了させ、画面そのものを消滅させます。そのことで裏に隠れていたリスト画面が表に出てくるという挙動なのです。