[Android Studio] RelativeLayoutでウィジェットの余白を指定する

どうも、tatsuです!

今日は、RelativeLayoutでウィジェットの余白を指定する方法を説明します。

※この記事で使用しているAndroid Studioのバージョンは2.3.3です。

RelativeLayoutでウィジェットの余白を指定する

RelativeLayoutで余白を指定するにはandroid:layout_margin属性を指定します。

activity_main.xml

activity_main.xmlは以下のようにします。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.android.tatsu.myapplication.MainActivity">

        <Button
            android:id="@+id/centerButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="基準"
            android:textSize="20sp"
            android:layout_centerInParent="true"
            />

        <Button
            android:id="@+id/topButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="基準ボタンから見て上\n右端を基準に合わせる"
            android:textSize="20sp"
            android:layout_above="@+id/centerButton"
            android:layout_alignRight="@+id/centerButton"
            android:layout_marginBottom="30dp"
            />

        <Button
            android:id="@+id/bottomButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="基準ボタンから見て下\n左端を基準にあわせる"
            android:textSize="20sp"
            android:layout_below="@+id/centerButton"
            android:layout_alignLeft="@+id/centerButton"
            android:layout_marginTop="60dp"
            />

</RelativeLayout>
補足
margin属性を以下に書きだしました。

  • layout_margin ・・・ 上下左右全てに余白を指定
  • layout_marginTop ・・・ 上に余白を指定
  • layout_marginBottom ・・・ 下に余白を指定
  • layout_marginLeft ・・・ 左に余白を指定
  • layout_marginRight ・・・ 右に余白を指定

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です