Android Studio 入門【 画面分割① 】~均等分割~

Android-【画面分割】均等分割-768

画像を均等に並べる方法です。
縦画面でも横画面でも対応できます。

この動画はシリーズ物です。以下の順にご覧ください。

  1. 【 画面分割① 】~均等分割~
  2. 【 画面分割② 】~比率で配置~
  3. 【 画面分割③ 】~下揃え~
  4. 【 画面分割④ 】~複数レイアウト~

画面が縦でも横でもそれなりに見える作りを目指します。

Nexus4 Nexus5 Nexus9 比較

RPG画面 使用素材 モンスター
m0:モンスター
RPG画面 使用素材 プレーヤー
p0:プレーヤー
RPG画面 使用素材 ヒロイン
p1:ヒロイン
RPG画面 使用素材 武器屋
p2:武器屋
RPG画面 使用素材 雑貨屋
p3:雑貨屋
RPG画面使用素材 背景
back:背景

レイアウトや画像の並びを確認しておきます。

android Studio デザインタブ

高さを均等で配置しています。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
    tools:context="com.test.rpggame.MainActivity">

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"
        android:src="@drawable/back" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:src="@drawable/m0" />

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:src="@drawable/p0" />
    </LinearLayout>

</RelativeLayout>

Android 画面分割 【XML図解】