【演習】アクティビティとインテント

画面作成、画面遷移を体験してみましょう。
ここでは、次のような画面遷移を行う場合の、アクティビティとインテントのアプリケーションの作成を行います。

画面構成

「ダイアラー起動」、「ブラウザ起動」、「画面遷移」ボタンを押下することによって各画面に遷移します。

トップ画面(MainActivity)

ダイアラー起動

ブラウザ起動

サブ画面(SubActivity)

プロジェクトのインポート

演習で使用するプロジェクトを、Eclipseにインポートします。

事前準備

android_practice1.zipをデスクトップ等にダウンロードしてください。

インポート作業

Eclipseを起動し、「ファイル」>「インポート」を選択

インポート画面が表示されたら、「一般」の左にある「＋」をクリックして展開してください。
「既存プロジェクトをワークスペースへ」を選択し、「次へ」を押下します。

プロジェクトのインポート画面の表示

「アーカイブ・ファイルの選択」を選択し、参照を押下します。
android_practice1.zipを選択し、「開く」を押下します。

以下のように表示されたのを確認したら、「完了」を押下します。

パッケージ・エクスプローラの中にインポートしたプロジェクトが追加されました。

今回の演習では、「practice1」を使用します。

画面レイアウトの記述

メイン画面のレイアウト定義ファイル（res/layout/main.xml）の編集

点線内の記述を追加してください。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical">
    <Button android:id="@+id/Button1"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="ダイアラー起動" />
<!-- -------------------------------------------------------------------------------- -->
<!-- ↓ここから -->
<!-- -------------------------------------------------------------------------------- -->
    <Button android:id="@+id/Button2"                              
            android:layout_width="fill_parent"                      
            android:layout_height="wrap_content"                   
            android:text="ブラウザ起動" />
<!-- -------------------------------------------------------------------------------- -->
<!-- ↑ここまで -->
<!-- -------------------------------------------------------------------------------- -->
    <Button android:id="@+id/Button3"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="画面遷移" />
</LinearLayout>

レイアウト確認

エディタを「レイアウトタブ」へ切り替え、以下の様に表示されていれば、正しくコーディングされています。
定義ファイル（res/layout/main.xml）を保存してから閉じてください。

ブラウザ起動ボタンを押下した時の処理を追加

メイン画面のActivityクラス（src/jp.co.test/MainActivity.java）を開きます
点線内の記述を追加してください。
記述したら、ファイルを保存して閉じてください。

public class MainActivity extends Activity {
	/** Called when the activity is first created. */
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		// ダイアラーボタンを押下したとき
		Button dialButton = (Button) findViewById(R.id.Button1);
		dialButton.setOnClickListener(new View.OnClickListener() {
			public void onClick(View v) {
				Intent intent = new Intent(Intent.ACTION_DIAL);
				// 電話番号を設定
				Uri uri = Uri.parse("tel:09012345678");
				intent.setData(uri);
				startActivity(intent);
			}
		});

		// ブラウザーボタンを押下したとき
//--------------------------------------------------------------------------------
//↓ここから
//--------------------------------------------------------------------------------
		Button browzerButton = (Button) findViewById(R.id.Button2);
		browzerButton.setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View v) {
				Intent intent = new Intent(Intent.ACTION_VIEW);
				Uri uri = Uri.parse("http://ecnavi.jp/");
				intent.setData(uri);
				startActivity(intent);
			}
		});
//--------------------------------------------------------------------------------
//↑ここまで
//--------------------------------------------------------------------------------
		// 画面遷移ボタンを押下したとき
	}
}

ここまで完了したら、プロジェクトを実行しエミュレータで動作確認してみましょう。
「ブラウザを起動」ボタンを押下したら、ブラウザが起動し、目的のコンテンツが表示されましたか？

サブ画面の追加

メイン画面で、「画面遷移」ボタンが押下された時の、遷移先画面（SubActivity）を追加します。
パッケージエクスプローラーで、プロジェクトを選択した状態で、「右クリック」→「新規」→「クラス」を選択します。

新規Javaクラスの生成

設定が完了したら、「完了」を押下して、SubActivityクラスを生成します。

設定項目	内容
パッケージ	jp.co.test
名前	SubActivity
スーパークラス	android.app.Activity

SubActivityクラスの編集

表示するレイアウトとの紐付け部分を記述します。点線内の内容を追記してください。
記述したら、ファイルを保存して閉じてください。

※エラーが出ていると思いますが、レイアウトとして使用するXMLファイルがないためです。

public class SubActivity extends Activity {
//--------------------------------------------------------------------------------
//↓ここから
//--------------------------------------------------------------------------------
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.sub);
	}
//--------------------------------------------------------------------------------
//↑ここまで
//--------------------------------------------------------------------------------
}

サブ画面のレイアウトフィルを生成

ファイル作成画面の表示

レイアウトフォルダ(res/layout)を選択した状態で、「右クリック」→「新規」→「その他」を選択します。
Androidの右にある「＋」を押下し、展開されたら「Android XML ファイル」を選択し、「次へ」を押下します。

新規Android XMLファイル設定画面

以下の様に設定し、「完了」を押下します。

設定項目	内容
ファイル	sub.xml
what type of resource would you like to create?	レイアウト
フォルダ	/res/layout
Select the element for the XML file	LinearLayout

サブ画面のレイアウト定義ファイルの編集

レイアウト定義ファイル（res/layout/sub.xml）に画面レイアウトを記述します。
点線内の記述を追記して、保存してください。

<?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">
<!-- -------------------------------------------------------------------------------- -->
<!-- ↓ここから -->
<!-- -------------------------------------------------------------------------------- -->
<TextView
    android:id="@+id/textView01"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="サブアクティビティ画面に遷移しました" />
<!-- -------------------------------------------------------------------------------- -->
<!-- ↑ここまで -->
<!-- -------------------------------------------------------------------------------- -->
</LinearLayout>

マニュフェストファイルの編集

マニュフェストファイル（AndroidManifest.xml）に点線内の記述を追記してください。

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="jp.co.test"
      android:versionCode="1"
      android:versionName="1.0">
    <uses-sdk android:minSdkVersion="8" />
    <application android:icon="@drawable/icon" android:label="@string/app_name">
        <activity android:name=".MainActivity"
                  android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
<!-- -------------------------------------------------------------------------------- -->
<!-- ↓ここから -->
<!-- -------------------------------------------------------------------------------- -->
        <activity android:name=".Sub2Activity"
                  android:label="@string/sub_activity_name">
        </activity>
<!-- -------------------------------------------------------------------------------- -->
<!-- ↑ここまで -->
<!-- -------------------------------------------------------------------------------- -->
    </application>
</manifest>

メイン画面のActivityクラスの修正

「画面遷移」ボタンが押下されたときの処理を記述します。
src/jp.co.test/MainActivity.javaを開き、点線内の記述を追記してください。

public class MainActivity extends Activity {
	/** Called when the activity is first created. */
	@Override
	public void onCreate(Bundle savedInstanceState) {
	         //////  中略  ////////

		// ブラウザーボタンを押下したとき
		Button browzerButton = (Button) findViewById(R.id.Button2);
		browzerButton.setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View v) {
				Intent intent = new Intent(Intent.ACTION_VIEW);
				Uri uri = Uri.parse("http://ecnavi.jp/");
				intent.setData(uri);
				startActivity(intent);
			}
		});
//--------------------------------------------------------------------------------
//↓ここから
//--------------------------------------------------------------------------------
		// 画面遷移ボタンを押下したとき
		Button activityButton = (Button) findViewById(R.id.Button3);
		activityButton.setOnClickListener(new View.OnClickListener() {
			public void onClick(View v) {
				Intent intent = new Intent(MainActivity.this, SubActivity.class);
				startActivity(intent);
			}
		});
//--------------------------------------------------------------------------------
//↑ここまで
//-------------------------------------------------------------------------------
	}
}

このページを編集するこのページを元に新規ページを作成

印刷する

コメント（1）

カテゴリ：
一般
総合

【演習】アクティビティとインテント - Androidアプリ開発講座先頭へ

このページへのコメント

大変お世話になります。
山崎と言います。

androidの勉強のために、サンプルを練習させていただいておりました。

とても、わかりやすいサイトでありがとうございます。

android_practice1.zipを探しておりましたが、
わかりませんでした。

お忙しいところ、誠にもうしわけございませんが、
どこにあるのか教えていただけないでしょか。

よろしくお願いいたします。

Posted by 山崎　英一 2012年08月08日(水) 11:57:07 返信

コメントをかく

名前	ユーザIDを使用しないで書き込む	ユーザーIDを使う	ログインする
画像コード	画像に記載されている文字を下のフォームに入力してください。
備考	「http://」を含む投稿は禁止されています。
本文
利用規約をご確認のうえご記入下さい

Androidアプリ開発講座