Kotlin 공부 기록(5) - 안드로이드 레이아웃(layout) 종류
my code archive
article thumbnail
반응형

🤍LinearLayout (리니어 레이아웃)

  • 방향을 수평 또는 수직 둘중에서 결정하여 배치하는 레이아웃
  • 가장 기본적으로 사용되는 레이아웃
  • vertical : 요소들을 수직 방향으로 배치하겠다.
  • horizontal : 요소들을 수평 방향으로 배치하겠다.
1
2
3
4
5
6
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    >
</LinearLayout>
cs

 

🤍Constraint Layout (제약 레이아웃)

  • 제약조건인 연결선을 통해 그 안에 추가된 뷰들의 위치를 결정
  • 연결선은 상,하,좌,우에 있는 연결점을 다른 레이아웃이나 위젯의 상,하,좌,우와 연결하여 만들 수 있다.
  • 뷰의 위치를 결정할 수 있을 만큼의 연결선이 없으면 해당 뷰는 위치할 수 없게 된다.
1
2
3
4
5
6
7
8
<?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">
 
</androidx.constraintlayout.widget.ConstraintLayout>
cs

 

🤍Table Layout(테이블 레이아웃)

  • 행과 열로 구분하여 문서의 표를 작성하는 구조와 같다.
  • 열을 추가하거나 위젯을 넣어 화면을 구성한다.
1
2
3
4
5
6
7
8
9
10
11
12
<TableLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
 
    <TableRow>
        <TextView android:text="요소1"></TextView>
        <TextView android:text="요소2"></TextView>
        <TextView android:text="요소3"></TextView>
        <TextView android:text="요소4"></TextView>
    </TableRow>
cs

 

🤍Relative Layout (릴레티브 레이아웃)

  • 다른 요소들에 의해 상대적으로 위치가 결정되는 레이아웃
  • 서로 뷰간 연결 고리가 있어 위치를 결정함에 있어 서로 연결되어 위치가 결정되는 개념이다.
android:layout_toLeftOf=""
android:layout_toRightOf=""
android:layout_above=""
android:layout_below=""

left : 좌측배치
above : 상단배치
right : 우측배치
below : 하단배치

반응형
profile

my code archive

@얼레벌레 개발자👩‍💻

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!

반응형