[Android] 안드로이드 LinearLayout 사용법

#LinearLayout : https://developer.android.com/reference/android/widget/LinearLayout.html

• Relative와 다르게 LinearLayout은 각 Obj들이 서로 중첩되지 않는다.
• 특정 Obj기준으로 View Layout을 쌓는 느낌이다. 

1. 프로필 사진 레이아웃

<!-- 1번 레이아웃 -->

<LinearLayout
android:layout_height="60dp"         // 높이(세로)
android:layout_width="60dp"          // 길이(가로)
android:layout_marginLeft="10dp"     // 왼쪽 마진
android:orientation="vertical">      // 정렬 여부

<ImageView
android:id="@+id/assem_empImg"     // ImageView 아이디
android:layout_width="60dp"        // 길이(가로)
android:layout_height="60dp"/>     // 높이(세로)

</LinearLayout>

2~4. 상세정보 레이아웃

<!-- 내용 -->
<LinearLayout
android:layout_width="200dp"    
android:layout_height="60dp"
android:layout_marginLeft="10dp"
android:layout_toRightOf="@+id/assem_empImg"     // 1번 프로필 사진(assem_empImg) 오른쪽에 정렬

android:orientation="vertical"                    // 세로 정렬!
android:weightSum="1">        // 하위 뷰에 대해서 가로에 대해서 상대적인 비율을 주기 위한 옵션

<!-- 2, 3번 레이아웃 -->
<LinearLayout
android:layout_width="200dp"
android:layout_height="25dp"
android:layout_toRightOf="@+id/assem_empImg"    // assem_empImg 오른쪽에 정렬
android:orientation="horizontal"       // 2번 3번 obj를 붙이기 위한 가로 정렬
android:weightSum="1">
            
<TextView
android:id="@+id/assem_empNm"      // textView의 ID 설정
android:layout_height="25dp"    
android:layout_width="50dp"
android:layout_gravity="top"       // 정렬은 LinearLayout의 top에 붙이기
android:textSize="12sp"            // 폰트 사이즈 12sp
android:textStyle="normal|bold"/> // 텍스트 스타일 : 굵게

<TextView
android:id="@+id/assem_dang"       // textView의 ID 설정
android:layout_width="140dp"
android:layout_height="25dp"
android:layout_toRightOf="@+id/assem_empNm" // assem_empNM의 오른쪽에 정렬
android:layout_gravity="top"           // 정렬은 LinearLayout의 top에 붙이기
android:textSize="12sp"                
android:textStyle="normal|bold"
android:layout_marginLeft="10dp" />       
</LinearLayout>

         <!-- 4번 레이아웃 -->
<TextView
android:id="@+id/assem_origNm"
android:layout_weight="0.22" // 하위 뷰에 대해서 가로에 대해서 상대적인 비율을 주기 위한 옵션
android:layout_height="25dp"
android:layout_width="200dp"
android:layout_gravity="bottom"    // LinearLayout의 바닥에 정렬

android:textSize="12sp"
android:layout_marginTop="10dp"
android:textStyle="normal|bold"
android:textAlignment="center" />        // 텍스트 정렬은 가운데

</LinearLayout>

5. 즐겨찾기 레이아웃

  <!-- 5번 레이아웃 -->

<LinearLayout
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_marginLeft="10dp"
android:orientation="vertical"
android:weightSum="1"
android:layout_marginRight="10dp">

<ToggleButton
android:id="@+id/favorite"
android:layout_width="60dp"
android:layout_height="60dp"
android:textOff="OFF"              // 꺼졌을 때, 텍스트 정의
android:textOn="ON"                // 켜졌을 때, 텍스트 정의
android:src="@drawable/favorite_stat"/>    // 토글 버튼의 style 지정

</LinearLayout>

참고 링크

• Linear 사용법 : http://recipes4dev.tistory.com/66
• weight 사용법 : http://belll.tistory.com/entry/%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-weight-layoutweight