[Android] アプリの画面を遷移させる

ゲームアプリのメイン画面からステージ画面や設定画面、HELP画面などに移行させたいときにはどうするか。そんなときはActivityの画面遷移を使います。またActivityを変えないで画面を変える方法もあります。
　

Android Studio 3.1.2
Android 8.1

画面遷移

　
画面遷移といえばActivityを使ったケースが考えられます。また場合によってはActivityの画面遷移を使わない方法もあります。

Activityを変えて別のActivityへ画面遷移
- 画面だけでなく使用する変数も全く異なるActivityへの移行
- Activityの変更のため内部処理が多く、多少の遅れもあり得る
同一Activityでの画面変更
- 使用する変数は同じだが値が異なる、名簿などで名前、住所などをデータベースから取り出すだけで表示フォーマットは同じ様なケースなど
- Activityの画面遷移に比べて素早くできる（そうなる場合に有効）
- １つのActivityが複雑な構成になってメンテナンスに支障が出ないように注意

Activityを画面の変更だけに使うにはコスト高です。Activityは画面管理以外にも色々とやることがあるからです。画面表示をActivityを変えずにFragmentで複数張り付けることが可能です。
　

activity fragment 00 100x100 - [Android] アプリの画面を遷移させる

[Android] Activity と Fragment の画面遷移

FragmentをActivityからコードで設定してHello Worldを表示させてみましたが、ActivityからFragment画面...

2018-06-13 14:46

fragment fragment 00 100x100 - [Android] アプリの画面を遷移させる

[Android] Fragment から別の Fragment に画面遷移させてみる

ActivityからFragmentを起動させて戻る設定を前回はやってみましたが、Fragmentから別のFragmentへ遷移させる方法を...

2018-05-09 07:40

Intent

　
「Activityを変えて画面遷移」をしたい場合には、Intent を使います。

IntentはActivityやServiceなどのコンポーネントを外部から起動するための仕組みです。他のActivityを起動する方法には次のものがあります。

startActivity(Intent)
- データを遷移先に転送できる
startActivityForResult(Intent, int)
- データを遷移先に転送
- 遷移先からデータを受け取ることができる

startActivityはその名の通り、Activityを開始させるものです。

startActivityForResult(Intent, int) は、遷移先から結果などのデータを受け取りたい場合で
onActivityResult(int, int, Intent) で受け取ります。

　
ここでは、画面の基本の遷移だけを扱ってみます。

データを遷移先に渡したり、遷移先からデータを受け取りたい場合は、
アプリの画面遷移とActivity間のデータ転送を参照してください。
　

startActivity(Intent)

　
MainActivity 画面で「MOVE」ボタンをタップするとSubActivity 画面に遷移、そこで [RETURN] ボタンのタップでMainActivity に戻る基本的なアプリを作ってみたいと思います。　

MainActivity から SubActivity への遷移は

Intent intent = new Intent(MainActivity.this, SubActivity.class);
startActivity(intent);

1 2	Intent intent = new Intent(MainActivity.this, SubActivity.class); startActivity(intent);

Intent のインスタンスを、現在のActivityから、遷移先のActivityを引数にいれて生成します

MainActivity.this, SubActivity.class
と設定して、テストで動かすぐらいであれば問題はないのですが、何度も同じ画面移動が繰り返されると参照が保持され続けてOut of Memoryとなる可能性があります
　
状況に応じてgetApplication()などに変更したほうがいいようです

Intent intent = new Intent(getApplication(), SubActivity.class);
startActivity(intent);

1 2	Intent intent = new Intent(getApplication(), SubActivity.class); startActivity(intent);

　
SubActivity からの戻りは
Activity を終了させます

finish();

finish();

Manifestに SubActivity を追加

<activity
    android:name=".SubActivity"
    android:label="@string/app_name" >
</activity>

<activity

android:name=".SubActivity"

android:label="@string/app_name" >

</activity>

基本的にはこれだけです。
　

まとめのコード

　
まとめてみると
　
MainActivity.java

import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        Button sendButton = findViewById(R.id.send_button);
        sendButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent = new Intent(getApplication(), SubActivity.class);
                startActivity(intent);
            }
        });
    }
}

import android.content.Intent;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

public class MainActivity extends AppCompatActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

Button sendButton = findViewById(R.id.send_button);

sendButton.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

Intent intent = new Intent(getApplication(), SubActivity.class);

startActivity(intent);

}

});

}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
    android:gravity="center"
    android:background="#dfe"
    tools:context=".MainActivity">

    <TextView
        android:text="@string/main"
        android:textSize="30sp"
        android:layout_margin="10dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <Button
        android:id="@+id/send_button"
        android:text="@string/move"
        android:textSize="30sp"
        android:layout_margin="20dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout 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:orientation="vertical"

android:gravity="center"

android:background="#dfe"

tools:context=".MainActivity">

<TextView

android:text="@string/main"

android:textSize="30sp"

android:layout_margin="10dp"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

<Button

android:id="@+id/send_button"

android:text="@string/move"

android:textSize="30sp"

android:layout_margin="20dp"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

</LinearLayout>

　
SubActivity.java

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;


public class SubActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_sub);

        Button returnButton = findViewById(R.id.return_button);
        returnButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                finish();
            }
        });
    }
}

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

import android.view.View;

import android.widget.Button;

public class SubActivity extends AppCompatActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_sub);

Button returnButton = findViewById(R.id.return_button);

returnButton.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

finish();

}

});

}

　
activity_sub.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
    android:gravity="center"
    android:background="#fdd"
    tools:context=".MainActivity">

    <TextView
        android:text="@string/sub"
        android:textSize="30sp"
        android:layout_margin="10dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <Button
        android:id="@+id/return_button"
        android:text="@string/return_sub"
        android:textSize="30sp"
        android:layout_margin="20dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout 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:orientation="vertical"

android:gravity="center"

android:background="#fdd"

tools:context=".MainActivity">

<TextView

android:text="@string/sub"

android:textSize="30sp"

android:layout_margin="10dp"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

<Button

android:id="@+id/return_button"

android:text="@string/return_sub"

android:textSize="30sp"

android:layout_margin="20dp"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

</LinearLayout>

　
リソースファイルです。retrunというキーワードは予約語なので使えないですね
strings.xml

<resources>
    <string name="app_name">TestActivity</string>
    <string name="main">Main Activity</string>
    <string name="move">MOVE</string>
    <string name="sub">Sub Activity</string>
    <string name="return_sub">RETURN</string>
</resources>

<string name="app_name">TestActivity</string>

<string name="main">Main Activity</string>

<string name="sub">Sub Activity</string>

<string name="return_sub">RETURN</string>

</resources>

　
マニフェストです
AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.testactivity"
  
    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <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=".SubActivity"
            android:label="@string/app_name" >
        </activity>
    </application>

</manifest>

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

package="com.example.testactivity"

<application

android:allowBackup="true"

android:icon="@drawable/ic_launcher"

android:label="@string/app_name"

android:theme="@style/AppTheme" >

<activity

android:name=".MainActivity"

android:label="@string/app_name" >

<intent-filter>

</intent-filter>

</activity>

<activity

android:name=".SubActivity"

android:label="@string/app_name" >

</activity>

</application>

</manifest>

　
戻りは、ユーザーのリターンキーをタップしても戻れます

同一Activityでの画面変更

　
実はScreenの画面を変えたいだけの場合はわざわざActivityを使わなくてもできます。
特にテキスト内容や画像を変えるだけのようなケースではこのほうが軽くなります。
　
Activityでの画面遷移と同じことができるようにしてみます。

activity_main.xml
activity_sub.xml

のレイアウトファイルはそのまま使います。簡単に言えば、MainActivityからこのレイアウトファイルを呼び出せばいいだけです。
デフォルトで設定されている setContentView(…) ですがこれがレイアウトファイルを呼び出しているところです。
　

setContentView(R.layout.activity_main);

1	setContentView(R.layout.activity_main);

　
これを使って２つのレイアウトファイルを呼んでいきます。
　
MainActivity.java

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        setScreenMain();
    }

    private void setScreenMain(){
        setContentView(R.layout.activity_main);

        Button sendButton = findViewById(R.id.send_button);
        sendButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                setScreenSub();
            }
        });
    }

    private void setScreenSub(){
        setContentView(R.layout.activity_sub);

        Button returnButton = findViewById(R.id.return_button);
        returnButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                setScreenMain();
            }
        });
    }
}

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

public class MainActivity extends AppCompatActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setScreenMain();

}

private void setScreenMain(){

setContentView(R.layout.activity_main);

Button sendButton = findViewById(R.id.send_button);

sendButton.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

setScreenSub();

}

});

}

private void setScreenSub(){

setContentView(R.layout.activity_sub);

Button returnButton = findViewById(R.id.return_button);

returnButton.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

setScreenMain();

}

});

}

　
setScreenMain()とsetScreenSub()を作ってそれぞれのレイアウトファイルを呼び出しています。この程度の画面であればActivityの画面遷移よりもサクサク動作するのが分かります。画面ごとの機能が異なり複雑にならなければ使い道はありそうです。
　
尚、Kotlinではこのようになります。

acticity trans 00 100x100 - [Android] アプリの画面を遷移させる

[Android & Kotlin] Activityの遷移をさせる

Kotlinを使ってJavaと同じようにActivity間を遷移させる方法です。また同じActivity内で画面を変える方法もあります。 ...

2018-08-08 21:33