[Android] アプリのレイアウトに必須, paddingとmarginで間隔を調整する

アプリのテキストやボタンの間隔を調整したい事があると思います。間隔調整には、padding:Viewのbackgroundの大きさの中での距離、margin: View間の距離
の2つがあります。
 

padding 01 - [Android] アプリのレイアウトに必須, paddingとmarginで間隔を調整する

padding
padding 04 - [Android] アプリのレイアウトに必須, paddingとmarginで間隔を調整する

margine

Android Studio 3.0.1
Android 8.1.0

 



padding and margin

 
padding:Viewのbackgroundの大きさの中での距離
 
padding 02b - [Android] アプリのレイアウトに必須, paddingとmarginで間隔を調整する
 
margin: View間の距離
 
padding 03 - [Android] アプリのレイアウトに必須, paddingとmarginで間隔を調整する

 

padding

 
実際の使いかたとして、例えば TextView での表示は
android:paddingTop=”40dp”
とすると TextView の背景を含めた大きさの中でのTopから文字までの距離となります。
dpとはスクリーン上での抽象的な長さのことです。
 

activity_main.xmlに以下のように記述してみると

 
リソースです
strings.xml

 
分かりやすいように背景色を入れました。paddingを大きくするとその分背景が大きくなり、その背景を含めたViewの中での位置が決まります。
 
padding 01 - [Android] アプリのレイアウトに必須, paddingとmarginで間隔を調整する

 

margin

 
marginの実際の使い方です。
 
android:layout_marginTop=”40dp”
ではViewの間隔となりTopにあるUIとの間隔を40dp取ることになります
 

実際に使ってみます
 

 
リソース
strings.xml

 
結果はこうなります
 
padding 04 - [Android] アプリのレイアウトに必須, paddingとmarginで間隔を調整する
 
margineはそれぞれのViewどうしの間隔となっています
 
 
関連ページ:

 
Reference:
レイアウト | Android Developers

誤字脱字、意味不明で分からにゃイ、
などのご意見はこちらから mailフォーム

ブックマークしておくと便利です このエントリーをはてなブックマークに追加


 


ページのトップへ戻る




シェアする

  • このエントリーをはてなブックマークに追加

フォローする