[ 안드로이드 개발 2.0 ] LinearLayout 출력해보기

[ 안드로이드 개발 2.0 ] LinearLayout 출력해보기

이번 강좌에서는 LinearLayout 을 출력해보겠습니다.

역시 안드로이드 개발자사이트의 Tutorial을 참고하여 진행해 보겠습니다.

1. 다음과 같이 새 프로젝트를 생성합니다.

2. 왼쪽 탐색기에서 res -> layout -> main.xml 파일을 엽니다.

3. 왼쪽 하단의 main.xml 탭을 눌러서 소스를 엽니다.

4. 코드를 수정합니다. (아래 코드를 붙여넣기 합니다.)

<?xml version="1.0" encoding="utf-8"?>




<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"




    android:orientation="vertical"




    android:layout_width="fill_parent"




    android:layout_height="fill_parent">








    <LinearLayout




        android:orientation="horizontal"




        android:layout_width="fill_parent"




        android:layout_height="fill_parent"




        android:layout_weight="1">




        




        <TextView




            android:text="red"




            android:gravity="center_horizontal"




            android:background="#aa0000"




            android:layout_width="wrap_content"




            android:layout_height="fill_parent"




            android:layout_weight="1"/>




        




        <TextView




            android:text="green"




            android:gravity="center_horizontal"




            android:background="#00aa00"




            android:layout_width="wrap_content"




            android:layout_height="fill_parent"




            android:layout_weight="1"/>




        




        <TextView




            android:text="blue"




            android:gravity="center_horizontal"




            android:background="#0000aa"




            android:layout_width="wrap_content"




            android:layout_height="fill_parent"




            android:layout_weight="1"/>




        




        <TextView




            android:text="yellow"




            android:gravity="center_horizontal"




            android:background="#aaaa00"




            android:layout_width="wrap_content"




            android:layout_height="fill_parent"




            android:layout_weight="1"/>




                




    </LinearLayout>




        




    <LinearLayout




        android:orientation="vertical"




        android:layout_width="fill_parent"




        android:layout_height="fill_parent"




        android:layout_weight="1">




        




        <TextView




            android:text="row one"




            android:textSize="15pt"




            android:layout_width="fill_parent"




            android:layout_height="wrap_content"




            android:layout_weight="1"/>




        




        <TextView




            android:text="row two"




            android:textSize="15pt"




            android:layout_width="fill_parent"




            android:layout_height="wrap_content"




            android:layout_weight="1"/>




        




        <TextView




            android:text="row three"




            android:textSize="15pt"




            android:layout_width="fill_parent"




            android:layout_height="wrap_content"




            android:layout_weight="1"/>




        




        <TextView




            android:text="row four"




            android:textSize="15pt"




            android:layout_width="fill_parent"




            android:layout_height="wrap_content"




            android:layout_weight="1"/>




        




    </LinearLayout>




        




</LinearLayout>

5. 메뉴에서 Run -> Run 을 선택하고, Run As 창에서 Android Application을 클릭후 OK를 누릅니다.

6. 결과화면입니다.

이번 결과화면 역시

 버튼을 눌러야 볼 수 있었습니다.

LinearLayout   은 main.xml 파일에서 코딩하여 출력하였는데 main.xml이 레이아웃을 담당하는 xml파일임을 알 수 있습니다.

다음은 회색을 추가한 소스코드와 결과화면입니다.

[ LinearLayout 에 회색을 추가한 모습 ]

[ 회색이 추가된 결과화면 ]