Androidでビューの位置を動的に設定する方法をわかりやすく解説

この記事では、Androidアプリでボタンのタップをきっかけに、TextViewなどのビューの位置を動的に変更する方法を、実際のコード例とともにステップ形式で解説します。

ポイントは RelativeLayout.LayoutParams の addRule() メソッドです。これを使うことで、実行時にレイアウト上のルール（配置条件）を追加・変更できます。

完成イメージ

画面中央に配置されたボタンをタップすると、その直下・左端を揃える位置へTextViewが移動します。

手順1：Android Studioで新規プロジェクトを作成する

Android Studioを起動し、メニューから「File」→「New Project」を選択して、必要な項目を入力し新しいプロジェクトを作成してください。

手順2：レイアウトファイル（activity_main.xml）を編集する

res/layout/activity_main.xml に以下のコードを記述します。RelativeLayoutの中にTextViewとButtonを配置しています。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="https://schemas.android.com/apk/res/android"
    xmlns:tools="https://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/relativeLayout"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="12sp"
        android:textStyle="bold|italic"
        android:text="Sample TextView"
        android:padding="10dp" />

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Put text below this button"
        android:layout_centerInParent="true" />

</RelativeLayout>

手順3：MainActivity.javaにクリック処理を実装する

src/MainActivity.java に以下のコードを追加します。ボタンがクリックされたタイミングで、TextViewのLayoutParamsに新しいルールを設定しているのがポイントです。

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

public class MainActivity extends AppCompatActivity {

    Button button;
    TextView textView;
    RelativeLayout relativeLayout;

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

        relativeLayout = findViewById(R.id.relativeLayout);
        textView = findViewById(R.id.textView);
        button = findViewById(R.id.button);

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // TextViewの現在のLayoutParamsを取得
                RelativeLayout.LayoutParams layoutParams =
                        (RelativeLayout.LayoutParams) textView.getLayoutParams();

                // 「ボタンの下に配置」「左端を揃える」というルールを追加
                layoutParams.addRule(RelativeLayout.BELOW, button.getId());
                layoutParams.addRule(RelativeLayout.ALIGN_LEFT, button.getId());

                // 変更したLayoutParamsをTextViewに再設定
                textView.setLayoutParams(layoutParams);
            }
        });
    }
}

コードの解説

• getLayoutParams()：対象ビューに現在適用されているレイアウトパラメータを取得します。
• addRule(RelativeLayout.BELOW, button.getId())：「指定したIDのビューの下に配置する」というルールを追加します。
• setLayoutParams()：変更後のパラメータをビューに反映させます。これを呼び出さないと画面には反映されません。

手順4：AndroidManifest.xmlを確認する

androidManifest.xml は以下のようになります。特別な権限は不要です。

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android"
    package="app.com.sample">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">

        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

    </application>
</manifest>

アプリを実行して動作を確認する

それではアプリを実行してみましょう。実機のAndroidスマートフォンをPCに接続している前提で説明します。

Android Studioでプロジェクト内のアクティビティファイルを開き、ツールバーのRun（実行）アイコンをクリックします。デバイス選択画面で接続したスマートフォンを選択すると、実機にアプリがインストールされ、起動します。

初回起動時はTextViewが画面左上に表示されます。
中央のボタンをタップすると――

• TextViewがボタンの真下に移動する
• TextViewの左端がボタンの左端に揃う

というように、ビューの位置が動的に変化することを確認できます。

まとめ

Androidでビューの位置を実行時に動的に変更したい場合は、RelativeLayout.LayoutParams を取得し、addRule() でルールを追加したあと、setLayoutParams() で再設定するのが基本の流れです。

なお、ConstraintLayoutを使用している場合も同様の考え方で、ConstraintSet を使うことで制約を動的に変更できます。用途に応じて使い分けてください。