관리 메뉴

moozi

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

안드로이드개발강좌

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

moozi 2009. 12. 26. 16:08
[ 안드로이드 개발 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 에 회색을 추가한 모습 ]


[ 회색이 추가된 결과화면 ]
20 Comments
댓글쓰기 폼