프로그래밍 공부 일기

2020년 12월 16일
LinearLayout을 시작해서 사용했으므로, LinearLayout이란 무엇인가 사용법을 간단히 정리한다.

LinearLayout이란?

LinearLayout(읽는 방법: 「리니어 레이아웃」)은, 간단한 레이아웃의 하나로, 아이 요소를 세로·가로의 일렬로 늘어놓는 레이아웃이다. android:orientation 속성에 vertical , horizontal

LinearLayout을 사용하여 자식 요소를 세로로 정렬하는 방법

app/src/main/res/layout/activity_main.xml에서 레이아웃 편집기의 디자인에서 배치할 수 있다.

팔레트에서 Layout을 선택

LinearLayout (Vertical) 선택

미리보기 화면으로 드래그하여 배치

4. 같은 방식으로 배치하려는 레이아웃을 미리보기 화면으로 드래그합니다.



※이 시점에서는 LinearLayout에 ConstraintLayout의 제약이 없기 때문에 에러가 나오고 있다. LinearLayout 에 tools:ignore="MissingConstraints" 를 기술하는 것으로 에러를 지웠다. (ConstraintLayout의 제약에 대해서는 어제 기사에서 든다)
　

activity_main.xml 코드

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
    tools:context=".MainActivity">

    <LinearLayout
        android:layout_width="409dp"
        android:layout_height="729dp"
        android:orientation="vertical"
        tools:layout_editor_absoluteX="1dp"
        tools:layout_editor_absoluteY="1dp"
        tools:ignore="MissingConstraints">

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

        <Button
            android:id="@+id/button5"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Button" />

        <Button
            android:id="@+id/button6"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Button" />
    </LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

최종 디자인의 화면↓


요소를 옆에 늘어놓고 싶은 경우는, LinearLayout(Horizontal)로 한다. 하는 것은 세로로 늘어놓을 때와 같다.

참고문헌

세로 또는 가로 줄에 요소를 정렬하는 선형 레이아웃 (LinearLayout)
Android 앱 개발의 LinearLayout 사용법 [초보자용]