안드로이드 레이아웃 종류

1. Layout 클래스

• LinearLayout

• RelativeLayout

• FrameLayout

• TableLayout

• ListView와 GridView

• ScrollView

LinearLayout

여러 View 위젯들을 가로 또는 세로 방향으로 나열할 때 사용

LinearLayout은 전체 영역 대비 비율의 개념인 Weight(가중치)를 설정할 수 있다.

RelativeLayout

RelativeLayout은 자식(Children) View 위젯들이 서로 간의 상대적 배치 관계에 따라 화면에 표시될 위치가 결정되도록 만들어주는 Layout 클래스

RelativeLayout은 효율적이고 활용성이 뛰어나지만, 개발자가 원하는 레이아웃을 구현하기에는 다소 어려움이 있다.

FrameLayout

FrameLayout은 주로 하나의 자식 View 위젯만 표시할 때 사용하는 Layout 클래스

FrameLayout이 많이 사용되는 예 중에 한 가지는 Fragment를 사용하는 경우이다. 특히 여러 Fragment를 동일한 위치 내에서 교체하여 표시하고자 할 때 FrameLayout을 사용한다.

TableLayout

TableLayout은 자식(Children) View 위젯들을 테이블(행과 열로 구성)로 나누어 표시하는 Layout 클래스

계산기 키패드 구성이 그 대표적인 예

ListView, GridView

동일한 자식 View 위젯을, 내용만 달리하여 반복적으로 표시해야 하는 경우에 주로 사용되는 상속 Layout 클래스

ScrollView

위젯이나 레이아웃이 화면에 넘칠 때 사용하는 Layout

• HorizontalScrollView를 이용해 좌우로 스크롤도 가능하다.

스크롤뷰에는 단 하나의 위젯만 넣을 수 있다. 따라서 스크롤뷰 안에 레이아웃을 넣고 그 안에 여러개의 위젯을 넣는 방법을 사용한다.

레이아웃 사용 예제

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="<http://schemas.android.com/apk/res/android>"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical" >
    <EditText android:id="@+id/text1"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:text="TEXTVIEW1" />
    <Button android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="BUTTON1" />
</LinearLayout>

View 클래스

View는 Android의 UI(User Interface)화면을 구성하는 최상위 클래스이다. Android 화면에 보여주는 모든 구성요소이다.

가장 대표적인 예로 Button과 TextView 등이 있다.

Button

Button은 사용자가 화면을 터치했을 때 발생하는 클릭 이벤트를 처리하는 기능을 가진, 텍스트 또는 아이콘(또는 텍스트와 아이콘 모두)으로 구성된 View 위젯

사용법

1. layout.xml 파일에 버튼 Widget을 추가한다.

<Button
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/button1"
    android:text="Button Example" />

1. JAVA 코드에서 Button 선언

  Button button1 = (Button) findViewById(R.id.button1) ;

1. 버튼 클릭 이벤트 생성

@Override
   protected void onCreate(Bundle savedInstanceState) {

       // 여기서 부터 추가해야 할 부분

       button1.setOnClickListener(new Button.OnClickListener() {
           @Override
           public void onClick(View view) {
               // 버튼 클릭 시 실행할 코드
           }
       });
   }