안드로이드 스튜디오 레이아웃 종류 (Android Layout)

안드로이드 앱을 개발하기 위해서는 반드시 사용자가 확인할 화면이 필요하다, 이때 사용자 화면에 보이는 버튼부터하여 구성 요소들은 뷰(VIEW) 라고 칭하며 이 뷰는 화면내에 정렬이 필요한데 안드로이드개발을 위해 사용되는 레이아웃 몇가지를 알아보도록 하겠다.

 

안드로이드 레이아웃의 종류

 - LinearLayout
 - RelativeLayout
 - FrameLayout
 - TableLayout

 

 

리니어 레이아웃 ( LinearLayout )

방향을 수평 또는 수직 둘중 결정하여 배치하는 레이아웃으로써 가장 기본적으로 사용되는 레이아웃이다.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    >
</LinearLayout>

android:orientation="vertical" -> 요소들을 수직방향으로 배치

android:orientation="horizontal" -> 요소들을 수평방향으로 배치

출처 : 직접 PPT로 만듬

 

Vertical 로 설정하게되면 가로방향으로 요소들을 채워 내려가는 형태가되고, Horizontal 의 경우 세로방향으로 요소를 채워 가는 형태가 되겠다, 도움이 될지는 모르겠지만 그림으로 설명하자면 위의 이미지 처럼 보면되겠다.

 

렐리티브 레이아웃 ( RelativeLayout )

출처 : 구글 번역기

사전적인 의미로 상대적인 이라는 의미를 담고 있는 레이아웃으로써 다른 요소들에 의해 상대적으로 위치가 결정되는 레이아웃이다, 이 레이아웃은 서로 뷰간 연결고리가 있어 위치를 결정함에 있어 서로 연결되어 위치가 결정된다고 보면 되겠다.

 

출처 : 직접작성

android:layout_toLeftOf=""
android:layout_toRightOf=""
android:layout_above=""
android:layout_below=""

left : 좌측배치

abobe : 상단배치

right : 우측배치

below : 하단배치

 

 

프레임 레이아웃 ( FrameLayout )

프레임, 액자라는 의미로 컨텐츠들이 겹겹이 쌓여 제일 앞에 놓여있는 컨텐츠가 사용자에게 보이는 형태로 구성하는 레이 아웃이다

 

출처 : 직접작성

위의 화면에서 A,B,C 의 컨텐츠가 겹쳐 있지만 가장 위에 보이는 C 컨텐츠가 가장위로 올라와 있으므로 사용자에게는 C가 보이는 형태의 레이아웃을 말한다, 특징으로는 여러개의 컨텐츠를 추가하였을 때, 조정을 별도로 하지않았을 때, 가장 마지막에 추가된 뷰가 가장 전면에 표시된다

 

top                      : 부모 레이아웃 내 상단에 위치
bottom                   : 부모 레이아웃 내 하단에 위치
left                     : 부모 레이아웃 내 좌측에 위치
right                    : 부모 레이아웃 내 우측에 위치
center_vertical          : 세로방향 기준으로 가운데 위치
fill_vertical            : 세로 방향으로 가득 채움
center_horizontal        : 가로방향 기준으로 가운데 위치
fill_horizontal          : 가로 방향으로 가득 채움
center                   : 가로/세로 방향 기준 가운데 정렬
fill                     : 가로/세로 방향으로 가득 채움
clip_vertical            : 세로방향 기준으로 레이아웃외의 영역은 자름
clip_horizontal          : 가로방향 기준으로 레이아웃외의 영역은 자름
start                    : 부모 레이아웃 내 시작점 위치에 정렬
end                      : 부모 레이아웃 내 시작점 끝점에 정렬

위치는 위와같이 조정하며, 부모 위치의 방향으로 위치를 결정한다.

 

 

테이블 레이아웃 ( TableLayout )

일반적으로 알고있는 테이블의 규칙과 같다, 행과 열로 구분하여 문서의 표 작성하는 구조와 같으며 행을추가하거나, 열을 추가하거나 하여 위젯을 넣어 화면을 구성한다.

 

위와같이 행과 열을 추가하여 레이아웃을 구성한다.

구성하는 예시는 아래와같다.

<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>

위와같이, Tablerow를 하나 만들어 이어질 열을 나열하여 요소를 만드는 형태로 구성한다, HTML 의 Table 과 비슷한 형태를 가지며, 자주사용되지는 않는 레이아웃이다.

 

안드로이드레이아웃종류.pptx

0.06MB