여백 사용하기
padding: 안쪽으로 여백을 만든다
layout_margin: 바깥쪽에 여백을 만든다.
android:padding="15dp"
는 아래와 같다
android:paddingTop="15dp"
android:paddingBottom="15dp"
android:paddingLeft="15dp"
android:paddingRight="15dp"
android:layout_margin="30dp"
도 마찬가지로 아래와 같다
android:layout_marginTop="30dp"
android:layout_marginBottom="30dp"
android:layout_marginLeft="30dp"
android:layout_marginRight="30dp"
한쪽 방향만 주고 싶을때는 개별적으로 사용하면 된다.
padding과 margin을 사용하지 않았을때>
# .xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
android:orientation="vertical"
tools:context=".MenuActivity">
<TextView
android:id="@+id/txtTitle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="start"
android:background="@color/colorBackground"
android:textAppearance="@style/TextAppearance.AppCompat.Display1" />
<ListView
android:id="@+id/listMenu"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
경우 1> Layout에 padding 주기
Layout에 android:padding="15dp" 를 주면 Layout 안쪽으로 15dp 만큼 여백이 생긴다.
# .xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
android:orientation="vertical"
android:padding="15dp"
tools:context=".MenuActivity">
<TextView
android:id="@+id/txtTitle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="start"
android:background="@color/colorBackground"
android:textAppearance="@style/TextAppearance.AppCompat.Display1" />
<ListView
android:id="@+id/listMenu"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
경우 2> TextView 아래쪽에 margin 주기
TextView에 android:layout_marginBottom="30dp" 를 주면 TextView 바깥쪽의 아래방향으로 30dp 만큼 여백이 생긴다.
# .xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
android:orientation="vertical"
android:padding="15dp"
tools:context=".MenuActivity">
<TextView
android:id="@+id/txtTitle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="start"
android:layout_marginBottom="30dp"
android:textAlignment="viewStart"
android:background="@color/colorBackground"
android:textAppearance="@style/TextAppearance.AppCompat.Display1" />
<ListView
android:id="@+id/listMenu"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
경우 3> TextView 에 padding 주기
TextView에 android:padding="15dp" 를 주면 TextView 안쪽으로 15dp 만큼 여백이 생긴다.
# .xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
android:orientation="vertical"
android:padding="15dp"
tools:context=".MenuActivity">
<TextView
android:id="@+id/txtTitle"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="start"
android:layout_marginBottom="30dp"
android:padding="15dp"
android:textAlignment="viewStart"
android:background="@color/colorBackground"
android:textAppearance="@style/TextAppearance.AppCompat.Display1"
android:layout_gravity="start" />
<ListView
android:id="@+id/listMenu"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
