레이아웃: LinearLayout

LinearLayout

1. orientation

 android:orientation="horizontal"

Horizontal: LinearLayout은 영역 위에 위젯을 위치시킬 때 수평축으로 자동정렬을 시킨다.

Vertical: LinearLayout은 영역 위에 위젯을 위치시킬 때 수직축으로 자동정렬을 시킨다.

2. gravity 

android:gravity="center"

1) res-layout에서 레이아웃 xml 파일을 생성한다.

2) gravity 속성을 이용하여 위젯 정렬을 변경할 수 있다.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:gravity="center_vertical|center_horizontal"
    >

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="View 1"
        android:id="@+id/button3" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="View 2"
        android:id="@+id/button4" />

</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="130dp"
    android:background="#67ca54"
    android:gravity="right"
    >

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Button"
        android:id="@+id/button1"
        android:layout_gravity="bottom"
        />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Button"
        android:id="@+id/button1"
        android:layout_gravity="center_vertical"
        />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Button"
        android:id="@+id/button2"
    android:layout_gravity="top" />

</LinearLayout>

3. baselineAligned / baselineAlignedChildIndex

android:baselineAligned="true" (기본값)

수평상에서 자동 정렬. false로 바꿔주면 수평상에서 정렬이 되지 않는다.

android:baselineAlignedChildIndex="0"

하위 메뉴의 위젯 중 몇번째 위젯에 정렬을 맞출 지 결정. 0은 첫번째, 1은 2번째...

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:baselineAligned="true"
    >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="View 1"
        android:id="@+id/button1"
        android:layout_below="@+id/textView"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="12dp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="View 2"
        android:id="@+id/button2"
        android:layout_below="@+id/textView"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="12dp" />


    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:baselineAlignedChildIndex="0"
        >

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="View 3"
        android:id="@+id/button3"
        android:layout_below="@+id/textView"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="12dp" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="View 4"
            android:id="@+id/button4"
            android:layout_below="@+id/textView"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="12dp" />

    </LinearLayout>

</LinearLayout>

4. weight

android:layout_weight=""

넘버순으로 가중치를 부여한다.

사용 전에  android:layout_width="0dp"으로 만들어줘서 눈에 보이지 않게 만들어야 한다.

android:layout_weight에 1, 2, 3 순으로 숫자를 넣어두면 그에 맞춰 비율이 각각 변화한다.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
>

    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="1"
        android:layout_weight="1"
        android:id="@+id/button2" />

    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="2"
        android:layout_weight="2"
        android:id="@+id/button3" />

    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="3"
        android:layout_weight="3"
        android:id="@+id/button" />

</LinearLayout>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="1"
        android:id="@+id/button2" />

    <Button
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="2"
        android:id="@+id/button3" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="3"
        android:id="@+id/button" />

</LinearLayout>

5. measureWithLargestChild

 android:measureWithLargestChild="true"

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#00e6cb"
    android:measureWithLargestChild="true"
    >

    <Button
        android:layout_width="wrap_content"
        android:layout_height="30dp"
        android:text="View1"
        android:layout_weight="1"
        android:id="@+id/button" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:text="View2"
        android:layout_weight="2"
        android:id="@+id/button2" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="80dp"
        android:text="View3"
        android:layout_weight="3"
        android:id="@+id/button3" />
</LinearLayout>

 android:measureWithLargestChild="true" 넣기 전

 android:measureWithLargestChild="true" 넣은 후

6. weightSum

android:weightSum="100"

레이아웃에 weightSum 넣고 자식 태그에 layout_weight에 숫자를 넣으면 가중치로 비율을 맞춰 달라진다.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:background="#00d15e"
    android:layout_width="match_parent"
    android:layout_height="300dp"
    android:orientation="vertical"
    android:weightSum="100"
>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Button"
        android:id="@+id/button"
        android:layout_weight="10"
        />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Button"
        android:id="@+id/button2"
        android:layout_weight="30"
        />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Button"
        android:id="@+id/button3"
        android:layout_weight="50"
        />

</LinearLayout>