【Android】Javaコードでボタンのlayout_weightを動的に設定する方法を解説

このチュートリアルでは、Androidアプリにおいてボタンのlayout_weight属性の値を、XMLレイアウトではなくJavaコードから動的に設定する方法を解説します。画面幅に対するボタンの表示比率を実行時に柔軟に制御したい場合に非常に役立つテクニックです。

実装手順

ステップ1: 新規プロジェクトの作成

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

ステップ2: レイアウトファイル(activity_main.xml)の編集

res/layout/activity_main.xml に以下のコードを追加します。ここでは、後ほどJavaコードからボタンを動的に追加するための、空のLinearLayoutを配置しています。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="horizontal"
    android:gravity="center"
    android:id="@+id/linearLayout"
    android:padding="4dp"
    tools:context=".MainActivity">
</LinearLayout>

ステップ3: MainActivity.javaの実装

src/MainActivity.java に以下のコードを記述します。ポイントは、LinearLayout.LayoutParamsオブジェクトを生成し、そのweightプロパティに値を代入することです。

import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.Button;
import android.widget.LinearLayout;
public class MainActivity extends AppCompatActivity {
    LinearLayout linearLayout;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        linearLayout = findViewById(R.id.linearLayout);
        LinearLayout.LayoutParams params1 = new LinearLayout.LayoutParams(
        LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
        params1.weight = 0.3f;
        Button button1 = new Button(this);
        button1.setText("Button 1");
        button1.setLayoutParams(params1);
        linearLayout.addView(button1);
        LinearLayout.LayoutParams params2 = new LinearLayout.LayoutParams(
        LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
        params2.weight = 0.7f;
        Button button2 = new Button(this);
        button2.setText("Button 2");
        button2.setLayoutParams(params2);
        linearLayout.addView(button2);
    }
}

このコードでは、2つのボタンをプログラム上で生成し、それぞれに「0.3」と「0.7」というweight値を設定しています。これにより、2つのボタンは画面幅に対して30%と70%の比率で表示されます。weightの合計が1になるよう設計することで、意図した通りの配分を実現できます。

ステップ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端末をパソコンに接続していることを前提とします。Android Studioからアプリを実行するには、プロジェクト内のいずれかのアクティビティファイルを開き、ツールバーの「Run」アイコンをクリックします。実行デバイスとして接続したモバイル端末を選択すると、端末の画面に結果が表示されます。

実行が成功すると、2つのボタンが画面中央に表示され、それぞれ画面幅の30%と70%の比率で配置されていることを確認できます。この手法を応用すれば、画面サイズや状態に応じてUI要素の比率を動的に変更する、柔軟なレイアウト構築が可能になります。