linear layout은 view를 수평(horizontal) 혹은 수직(vertical)방향으로 배치할 수 있는 레이아웃이다. orientation 속성을 사용하여 배치 방향을 정할 수 있다.

android:orientation = "vertical": 하위 뷰들을 수직방향으로 배치android:orientation = "horizontal": 하위 뷰들을 수평방향으로 배치

◼ Layout weight

Linear Layout은 android:layout_weight 속성을 사용하여 각각의 자식들에게 가중치(weight)을 할당하는것을 지원한다. 이 속성은 view가 화면에서 얼마만큼의 공간을 차지하느냐에 따라 중요도 값을 할당한다.

android:layout_weight = "1" : 1이 들어가는 위치에 큰 숫자가 들어갈 수록 가중치가 커진다. 기본 가중치(default)는 0이다.

◾ 균등 분포

각 하위 요소가 화면에서 동일한 크기의 공간을 사용하는 선형 레이아웃을 생성하려면, 각 view의 android:layout_height를 0dp로 설정한다(horizontal인 경우). 그런 다음 각 뷰의 android:layout_weight를 1로 설정한다.

◾ 비균등 분포

하위 요소가 화면에 다른 크기의 공간을 사용하는 Linear Layout을 생성할 수 있다. (예시) 3개의 text field가 있다. 그 중 2개의 가중치를 1로 선언하고, 다른 하나의 가중치는 지정하지 않을 경우, 세번째 text field는 확장되지 않는다. 다만, 세번째 text field가 필요한 영역만 차지하게 된다.(나머지 2개의 text field는 균등하게 남은 공간을 채우도록 확장된다.)

◼ Layout gravity

Linear Layout은 android:gravity 속성을 사용하여 모든 하위 뷰에 대한 중력 방향(배치 방향)을 결정한다. 반면 android:layout_gravity 속성은 해당 group view에 속하는 하위 view들이 가지는 속성으로, view group의 gravity속성에 의해 결정된 원래 자신 위치에서의 중력 방향(배치 방향)을 결정한다.

⬛ 실습

Linear Layout을 사용해 간단한 레이아웃을 구성해보았다. (비균등 분포, gravity, edit text, button 사용)

[Palette]

[Code]

◼ 코드 설명

• layout_height, layout_width 모든 view 들은 아래의 속성이 있어야만 한다.

  android:layout_width="match_parent" android:layout_height="wrap_content"

  • match_parent : 부모의 길이에 맞춘다. view의 경우, view를 감싸고 있는 레이아웃의 width와 height에 맞춰진다. 보통 match_parent는 "너비, 혹은 높이가 화면 전체 길이" 를 의미한다.
  • wrap_content : view에 입력할 글자 혹은 이미지 크기에 맞게 설정 된다.
    

• Edit Text
  • android:hint : edit text에 어떤 형식이나 값을 입력하라고 알려주는 가이드글
  • android:importantForAutofill : 자동완성을 사용할 것인지 사용하지 않을 것인지 정한다
  • android:inputType : 입력 타입을 지정한다.(ex. text, number,...)

참고 https://developer.android.com/develop/ui/views/layout/linear?hl=en

레이아웃은 앱에서 사용자 인터페이스를 위한 구조(ex.활동)을 정의한다. 레이아웃의 모든 요소는 View와 ViewGroup 객체의 계층 구조를 사용하여 빌드 된다. 일반적으로 View는 사용자가 보고 상호작용할 수 있는 것들을 그린다. 반면, ViewGroup은 레이아웃 구조를 정의하는 보이지 않는 부분을 담는 containter다.

View (widget) : 사용자가 볼 수 있고, 상호작용(터치) 할 수 있는 요소 ViewGroup (layout) : 레이아웃 구조를 정의하는 containter역할

View라 부리는 위젯(widget)들은 View 클래스를 상속받아 만들어진다. 그리고 ViewGroup이라고 불리는 레이아웃들은 ViewGroup클래스를 상속받아 만들어진다. 그런데, ViewGroup클래스는 View클래스를 상속 받고 있다. 따라서 ViewGroup역시 일종의 View이기 때문에 View와 함께 ViewGroup안에 배치될 수 있다.

2. 뷰 종류 (View type)

안드로이드 스튜디오 IDE를 살펴보면 xml Design Editor의 Palette에서 사용 가능한 view 목록을 확인할 수 있다.

TextView Button ImageView RecyclerView FragmentContainterView ScrollView Switch ...

3. 뷰 그룹 종류 (ViewGroup type)

LinearLayout(선형 레이아웃) : 가로 또는 세로의 단일 방향으로 모든 하위 요소를 정렬하는 뷰 그룹 ConstraintLayout(제약,제한,조건 레이아웃) : 상대 위치에 따라 유연한 방식으로 위젯의 위치와 크기를 지정하는 뷰 그룹 (Android JetPack 지원) RelativeLayout(상대적 레이아웃) : 상대위치에 하위의 뷰를 표시하는 뷰 그룹 GridLayout(그리드 레이아웃) : 자식을 직사각형 그리드에 배치하는 뷰그룹 FrameLayout(프레임 레이아웃) : 단일 항목을 표시하기 위해 화면의 영역을 차단하도록 설계한 뷰 그룹 TableLayout(테이블 레이아웃) : 자신의 하위 요소를 행과 열에 배치하는 뷰그룹 ...

위의 뷰와 뷰 그룹 종류들은 이후 실습으로 직접 구현하면서 알아볼 예정이다.

참고 https://developer.android.com/develop/ui/views/layout/declaring-layout