More than 5 years have passed since last update.

android RelativeLayoutまとめ

Android

Last updated at 2017-04-13Posted at 2017-04-13

RelativeLayoutについて

指定した属性でView同士の位置関係から相対的に配置する。
が、文字だけではかなりわかりにくいのでスクショと一緒に見てみる。
ちなみになにも属性を指定しないと左上に配置され、コードの下にあるものほど上に重ねるように表示される。

属性は大まかに

親となるRelativaLayoutを基準に位置を決める属性
指定したidのViewを基準に位置を決める属性
その他

の3種類がある

親となるRelativaLayoutを基準に位置を決める属性

デフォルトとするコードと配置は以下の通りである。

<?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" 
    android:paddingLeft="64dp"
    android:paddingRight="64dp"
    android:paddingTop="16dp"
    android:paddingBottom="16dp"
    tools:context="*****">

    <ImageView
        android:id="@+id/*****"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="20dp"
        android:src="@drawable/*****" />

</RelativeLayout>

Layout_alignParentTop

trueで親に対して上寄せで配置

Layout_alignParentBottom

trueで親に対して下寄せで配置

Layout_alignParentLeft

true : 親に対して左寄せで配置

Layout_alignParentStaut

Layout_alignParentLeftと同じ(APIのversionが古いので非推奨)

Layout_alignParentRight

true : 親に対して右寄せで配置

Layout_alignParentEnd

Layout_alignParentRightと同じ(APIのversionが古いので非推奨)

Layout_centerHorizontal

true : 親に対して水平方向中央寄せで配置

Layout_centerVertical

true : 親に対して垂直方向中央寄せで配置

Layout_alignInParent

true : 親に対して水平垂直方向中央寄せで配置

指定したidのViewを基準に位置を決める属性

デフォルトとするコードと配置は以下の通りである。


<?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" 
    android:paddingLeft="64dp"
    android:paddingRight="64dp"
    android:paddingTop="16dp"
    android:paddingBottom="16dp"
    tools:context="*****">

    <ImageView
        android:id="@+id/*****1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="20dp"
        android:gravity="center"
        android:layout_centerInParent="true"
        android:src="@drawable/*****" />
        
    <ImageView
        android:id="@+id/*****2"
        android:layout_width="44dp"
        android:layout_height="44dp"
        android:src="@drawable/*****"
        android:layout_hoge="@+id/*****1" />

</RelativeLayout>