[ 안드로이드 개발 2.0 ] 폼 구성요소 (Form Stuff) 만들기1 - ImageButton

이번 강좌에서는 여러가지 폼 구성 요소(Form Stuff)를 다루어 보겠습니다.

Form Stuff 에는 라디오버튼, 체크박스, 이미지버튼, 텍스트필드 등이 있습니다.

안드로이드 개발자 사이트의 내용을 토대로 살펴보겠습니다.

1. 다음과 같이 이클립스에서 프로젝트를 생성합니다.

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

3. 먼저 ImageButton부터 구현해 보겠습니다.
먼저 이미지버튼에 사용할 이미지

를 바탕화면에 저장한 후 이클립스의 프로젝트탐색기에서 프로젝트폴더  res -> drawable-hdpi 폴더에 드래그하여 끌어 놓습니다.

그리고 나서 다음코드를 main.xml에 덮어쓰기 합니다.

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

<ImageButton
    android:id="@+id/android_button"
    android:layout_width="100dip"
    android:layout_height="wrap_content"
    android:src="@drawable/android" /> 
   
</LinearLayout>

위 코드를 보면 LinearLayout 안에 ImageButton이 위치 합니다.

다음에는 왼쪽 프로젝트 탐색기에서 src -> my.HelloFormStuff -> HelloFormStuff.java 파일을 열고 다음을 덮어 씁니다.

package my.HelloFormStuff;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageButton;
import android.widget.Toast;

public class HelloFormStuff extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
       
        final ImageButton button = (ImageButton) findViewById(R.id.android_button);
        button.setOnClickListener(new OnClickListener() {
            public void onClick(View v) {
                // Perform action on clicks
                Toast.makeText(HelloFormStuff.this, "Beep Bop", Toast.LENGTH_SHORT).show();
            }
        });
    }
}

위의 코드를 코딩하면서 필요한 패키지들은 Ctrl + Shift + O 를 누르면 자동으로 추가할 수 있는데 Ctrl+ Shift + O 를 누르면 다음과 같이 어느 패키지를 선택할건지 묻는 다이얼로그가 나옵니다. 이 때 첫번째 것을 선택하고 Finish를 누르세요

다음에 Ctrl+F11 를 눌러서 실행해 봅니다. 다음은 실행결과 입니다.

안드로이드 마스코드 이미지 버튼을 누르면 아랫쪽에 Beep Bop 이라는 글자가 나타났다가 사라지는 것을 볼 수 있습니다.

다음은 소스코드를 약간 수정한 것과 그 결과 입니다.

Toast.makeText(HelloFormStuff.this, "안녕하세요! 안드로이드입니다.", Toast.LENGTH_LONG).show(); 

출력될  글자를 변경하고, Toast.LENGTH_LONG 으로 변경했습니다.. Toast.LENGTH_LONG 이 Toast.LENGTH_SHORT보다 더 글자가 오래 보였다가 사라집니다.

[ 실행 결과 ]