レイアウトをきれいにしたい。

数か月に及ぶ卒研制作ですが、地味に苦労したのが画面のレイアウトです。

画面に置けるアイテムの位置はおおかた決まっており(<Layout>の種類) 、
何も手を加えないとアイテムとアイテムの隙間が
上下左右ぴったりくっついた状態になります。

多少手を加えた私のアプリのトップ画面はこのような感じでした。 (とても不細工)




これを




このようにしていくためには padding(詰め具合？)と
margin(隙間具合？)というコードが必要でした。

一番上のTextViewとBUTTON処理がこちら。


main.xml

・・・
<TextView android:text="別府温泉マップ"
        android:textSize="30sp"

        android:paddingTop="10dp"
        android:paddingBottom="10dp"
        android:paddingLeft="20dp"
        android:paddingRight="20dp"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:layout_marginTop="5dp"
        android:layout_width="233dp"
        android:layout_height="wrap_content"
        android:textAlignment="center"
        android:id="@+id/text1"
        android:gravity="center" />

    <Button
        android:id="@+id/button1"
        android:text="現在地取得"
        android:textAlignment="center"
        android:textSize="30sp"
        android:layout_width="292dp"
        android:layout_height="130dp"
        android:paddingTop="40dp"
        android:paddingBottom="40dp"
        android:paddingLeft="20dp"
        android:paddingRight="20dp"
        android:layout_marginBottom="10dp"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:layout_marginTop="20dp"
        android:background="#b0d5c547"
        android:clickable="false"
        android:gravity="center" />

・・・
 

水色の部分が各アイテムのpadding処理
紫がmargin処理です。

paddingとmarginはそれぞれ上下左右入力することで、
ひとつのアイテムによって間隔や大きさを変えることができるようです。

paddingとmarginは内容をまとめて入力をすることも可能なようです。

こちらのサイトを参考にしました。

[Android] レイアウトの間隔 padding と margin