안드로이드 스튜디오 테이블레이아웃(TableLayout)구성하기

안녕하세요 오늘은 테이블 레이아웃(TableRow)을 구성하는 방법에 대해 알아보겠습니다.

 

레이아웃의 종류는 많기 때문에 상황에 맞게 적절하게 활용하신다면

 

완성도 높은 레이아웃을 구성할 수 있습니다.

 

테이블 레이아웃은 표나 엑셀 시트와 같은 형태로 행과 열로 구성된 격자 형태 레이아웃입니다.

 

5분 안에 테이블 레이아웃을 이해할 수 있는 소스입니다.

 

일단 프로젝트를 만들어 줍니다.

 

밑에는 테이블 레이아웃에 들어가는 xml 소스입니다. 간단하게 따라 하기 좋습니다.

 

 

 

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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">

<TableLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<TableRow
android:layout_width="match_parent"
android:layout_height="match_parent">


<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="계발"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="에서"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="개발"/>

</TableRow>


<TableRow
android:layout_width="match_parent"
android:layout_height="match_parent">

<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="계발"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="에서"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="개발"/>


</TableRow>


</TableLayout>


</LinearLayout>

 

 

중간에 TableRow라는 태그가 두 번 들어갑니다.

 

하나당 한 행을 뜻하는 태그고 그 안에 버튼 3개씩 넣어주어 

 

밑에 처럼 두줄로 버튼이 나열되어있습니다.

 

간단하게 레이아웃을 구성해보았습니다 테이블 레이아웃을 이해하기에는 적절하실 겁니다.

 

 

이런 식으로 TableLayout을 이용하면 위와 같은 형태의 레이아웃을 구성할 수 있습니다.

 

적절한 레이아웃으로 다들 완성도 높은 레이아웃을 구성해보세요!

 

수고하셨습니다.