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

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

Android Studio 3.4
Android 9.0

 



padding and margin

 
 
レイアウトで良く出てくるpaddingとmarginですがどのような意味があるか実際の画像にして確認しみましょう。
 

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

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

margine

 

目次
1. padding
2. margin
 

padding

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

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

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

 
リソースです
strings.xml

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

 

margin

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

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

実際に使ってみます
 

 
リソース
strings.xml

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

 
Reference:
レイアウト | Android Developers

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

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




アプリ開発が上達するお勧め

アプリ開発を始めたけどわからないところがあり、誰かに聞きたいけど周りにはそんな人はいない…あるいは、会社で働いていて日中そんなに時間をとれないなど、オンラインのプログラミングスクールがいいでしょう、時間の制約がないところが一番の魅力です。

以下の3つはAndroidが学習できるオンラインスクールです。


TECH ACADEMY
Androidアプリコース



侍エンジニア塾
侍エンジニア塾 無料体験レッスン



CodeCamp
~約8,000名の受講生と80社以上の導入実績~
現役エンジニアのオンライン家庭教師CodeCamp





正直ネットや本では限界があります。直接(ネットで)誰か分かる人に聞いた方が早く解決して、上達も早いと思います。

尚、スクールがダメだと言う人がいますが、やる気があれば問題ありません。与えられるのを待っていてはいけないですね
欲しいものは取りに行くのです。


Google Pixel 3 XLグローバル版
SIMフリー 並行輸入品
6.3インチの大画面
背景をぼかすポートレートモード撮影


Anker PowerCore II Slim 10000
Power IQ 2.0搭載
iPhone & Android対応

シェアする

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

フォローする