[Android] 레이아웃 비율(Layout Ratio)

레이아웃 비율(Layout Ratio)

안드로이드 OS를 사용하는 휴대폰이나 태블릿의 경우 종류도 많고, 기기마다 화면 크기가 각각 다르기 때문에, 패딩이나 마진을 줘서 컨텐츠의 위치를 정하면 모든 안드로이드 기기 화면마다 컨텐츠가 다르게 나타나기 대문에 보통 레이아웃을 통해 비율을 주는 방법을 사용합니다.

아래의 보이는 간단한 활용예제를 복합적으로 이용하면 자유롭게 비율을 주면서 컨텐츠의 위치를 설정 할 수 있습니다.

• vertical : 세로
• horizontal : 가로

• layout_width : 너비
• layout_height : 높이
• layout_weight : 가중치

활용예제

Horizontal

<LinearLayout                               
                 xmlns:android="http://schemas.android.com/apk/res/android"           
                 xmlns:tools="http://schemas.android.com/tools"
                 android:layout_width="fill_parent"
                 android:layout_height="fill_parent"
                 android:orientation="horizontal" >

                 <LinearLayout
                                 android:layout_width="0dp"
                                 android:layout_height="fill_parent"
                                 android:layout_weight="1"
                                 android:background="#ff0000" >
                 </LinearLayout>

                 <LinearLayout
                                 android:layout_width="0dp"
                                 android:layout_height="fill_parent"
                                 android:layout_weight="2"
                                 android:background="#0000ff" >
                 </LinearLayout>

                 <LinearLayout
                                 android:layout_width="0dp"
                                 android:layout_height="fill_parent"
                                 android:layout_weight="3"
                                 android:background="#00ff00" >
                  </LinearLayout>

</LinearLayout>


---------------------------------------------------------------------------------------------

Vertical

<LinearLayout 
                 xmlns:android="http://schemas.android.com/apk/res/android"
                 xmlns:tools="http://schemas.android.com/tools"
                 android:layout_width="fill_parent"
                 android:layout_height="fill_parent"
                 android:orientation="vertical" >

                 <LinearLayout
                                 android:layout_width="fill_parent"
                                 android:layout_height="0dp"
                                 android:layout_weight="1"
                                 android:background="#ff0000" >
                 </LinearLayout>

                 <LinearLayout
                                 android:layout_width="fill_parent"
                                 android:layout_height="0dp"
                                 android:layout_weight="2"
                                 android:background="#0000ff" >
                 </LinearLayout>

                 <LinearLayout
                                 android:layout_width="fill_parent"
                                 android:layout_height="0dp"
                                 android:layout_weight="3"
                                 android:background="#00ff00" >
                 </LinearLayout>

</LinearLayout>