안드로이드 개발 정보
(글 수 184)
이번 Android 강좌에서는 Java 코드에서 View를 다루는 방법을 알아보겠습니다. 화면에 표시한 TextView, Button등의 View를 어떻게 Java Code에서 접근할 수 있는지 알아보고 일부 함수들에 대해서도 설명 하겠습니다. 기본 강좌는 여기까지가 될 것 같습니다. Q&A에서 질문하시는 것 위주로 정리하고 어느 정도 정리가 되면 다음 강좌를 진행하도록 하겠습니다.
안드로이드 강좌 6 - Java 코드(Code)에서 뷰(View) 다루기
id
어플리케이션 실행 시에 Layout XML에서 정해진데로 View와 Layout들이 생성되고 보여집니다. 생성된 View들에서 코드상에서 동적으로 변경해야 하는 값들이 있다면, 변경해야할 View를 코드 상에서 불러오기 위해 먼저 XMl파일에서 id를 지정해야 합니다.
id 값은 같은 XML파일 안에서 유일하게 사용되어야 자바 코드에서 제대로 View를 가져 올 수가 있습니다.
Code
XML파일을 고쳐서 새로운 id를 추가하면 자동으로 R.java 파일이 자동으로 생성됩니다. 지정한 id가 R.id.text라는 상수로 들어가 있는 것을 확인할 수 있습니다. 이전에 말씀드렸듯이 R.java는 직접 고쳐서는 안됩니다. 만약 상수값이 제대로 들어가 있지 않은 겨우 XML파일을 다시 저장한다던지, 프로젝트를 refresh한다던지 해서 R.java가 자동으로 생성되게 하면 됩니다.
위 코드를 setContentView한수 호출 후에 넣어주도록 합니다. setContentView에서 레이아웃 XML파일을 불러서 실제 View 객체들을 생성합니다. 그 다음 findViewById함수를 통해 생성한 View 객체를 id를 통해서 가져옵니다. 해당 View가 TextView라는 것을 알고 있으니 TextView로 Casting해줍니다. 그 다음 표시할 문자열을 바꾼다던지, 배경색을 바꾼다던지 이전에 XML에서 했던 작업과 같은 것을 자바 코드상에서 설정해줄 수 있습니다.
View.onClickListener
코드에서 View값을 변경해야할 가장 일반적인 경우는 버튼이 클릭되었을때의 처리입니다.
먼저 findViewById르 해당 Button의 객체를 코드로 불러옵니다. 그 다음 View.onClickListener이라는 Interface를 구현한 객체를 setOnClickListener를 통해서 리스너로 등록을 합니다. 그러면 실제 사용자가 버튼을 클릭했을때 해당 코드가 호출되어 실행됩니다. 클릭을 했을 때 뿐 아니라 다양한 사용자의 입력에 따라 Listener가 정의되어있고 Listener를 등록해서 각각의 경우에 대한 처리를 할 수 있도록 되어있으니 JavaDoc문서를 참고하시기 바랍니다.
예제
TextView와 Button을 화면에 표시하고 Button을 클릭했을때 "클릭됨~"이라는 메시지를 TextView에 표시하는 예제입니다.
myactivity.xml
안드로이드 강좌 6 - Java 코드(Code)에서 뷰(View) 다루기
id
어플리케이션 실행 시에 Layout XML에서 정해진데로 View와 Layout들이 생성되고 보여집니다. 생성된 View들에서 코드상에서 동적으로 변경해야 하는 값들이 있다면, 변경해야할 View를 코드 상에서 불러오기 위해 먼저 XMl파일에서 id를 지정해야 합니다.
<TextView
android:id="@+id/text"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>id 값은 같은 XML파일 안에서 유일하게 사용되어야 자바 코드에서 제대로 View를 가져 올 수가 있습니다.
Code
XML파일을 고쳐서 새로운 id를 추가하면 자동으로 R.java 파일이 자동으로 생성됩니다. 지정한 id가 R.id.text라는 상수로 들어가 있는 것을 확인할 수 있습니다. 이전에 말씀드렸듯이 R.java는 직접 고쳐서는 안됩니다. 만약 상수값이 제대로 들어가 있지 않은 겨우 XML파일을 다시 저장한다던지, 프로젝트를 refresh한다던지 해서 R.java가 자동으로 생성되게 하면 됩니다.
TextView t = (TextView)findViewById(R.id.text);
t.setText("Hello");
t.setBackgroundColor(0xFFFF0000);
t.setGravity(Gravity.LEFT);
위 코드를 setContentView한수 호출 후에 넣어주도록 합니다. setContentView에서 레이아웃 XML파일을 불러서 실제 View 객체들을 생성합니다. 그 다음 findViewById함수를 통해 생성한 View 객체를 id를 통해서 가져옵니다. 해당 View가 TextView라는 것을 알고 있으니 TextView로 Casting해줍니다. 그 다음 표시할 문자열을 바꾼다던지, 배경색을 바꾼다던지 이전에 XML에서 했던 작업과 같은 것을 자바 코드상에서 설정해줄 수 있습니다.
View.onClickListener
코드에서 View값을 변경해야할 가장 일반적인 경우는 버튼이 클릭되었을때의 처리입니다.
Button button = (Button)findViewById(R.id.button);
button.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
//Code
}
});먼저 findViewById르 해당 Button의 객체를 코드로 불러옵니다. 그 다음 View.onClickListener이라는 Interface를 구현한 객체를 setOnClickListener를 통해서 리스너로 등록을 합니다. 그러면 실제 사용자가 버튼을 클릭했을때 해당 코드가 호출되어 실행됩니다. 클릭을 했을 때 뿐 아니라 다양한 사용자의 입력에 따라 Listener가 정의되어있고 Listener를 등록해서 각각의 경우에 대한 처리를 할 수 있도록 되어있으니 JavaDoc문서를 참고하시기 바랍니다.
예제
TextView와 Button을 화면에 표시하고 Button을 클릭했을때 "클릭됨~"이라는 메시지를 TextView에 표시하는 예제입니다.
myactivity.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"
>
<TextView
android:id="@+id/text"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text=""
/>
<Button
android:id="@+id/button"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="버튼"
/>
</LinearLayout>
MyActivity.java
package kr.mobileplace.lecture;
import android.app.Activity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
public class MyActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.myactivity);
Button button = (Button)findViewById(R.id.button);
button.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
TextView t = (TextView)findViewById(R.id.text);
t.setText("클릭됨~");
t.setBackgroundColor(0xFFFF0000);
t.setGravity(Gravity.LEFT); }
});
}
}
이제 Android 프로젝트를 생성하고 화면을 구성하고 사용자 입력에 대한 코드를 처리하는 것까지의 기본 적인 작업들을 한번씩 해보았습니다. 여기까지 실제로 이클립스로 직접 실행시키며 해보면서 전혀 몰랐던 플랫폼과 개발환경에 맛을 보셨을 겁니다. 이제 하나씩 깊이 들어가보도록 하지요.
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다. 출처 : http://www.androidpub.com/2353 작성자 : 회색(박성서)
2009.04.24 03:16:23
정확한 에러로그는 이클립스 환경에서 위의 메뉴 -> Windows -> Open Perspective 에서 Debug Perspective나 DDMS Perspective를 선택합니다. 그러면 오른쪽 위에 새로운 탭이 추가 될것이고 그 Perspective로 넘어가면 화면 구성요소가 바뀌게 되는데. 그 중에 LogCat 이라는 부분이 에러로그를 관찰할 수 있는 부분입니다. 보통 말씀하신 에러를 발생시킨 경우 그 원인이 빨간색 로그들로 표시됩니다. 머가 잘못된 부분이 있나보네요 제보 부탁드립니다 :)
2009.12.19 23:09:45
안녕하세요 .. 안드로이드 공부하는 직장인입니다. 책보다가 짜증이 나서 이 강좌 보고 있습니다. 예제먼저 실행해보고,,글 읽는게 더 수월해지네요.. 여러모로 강좌 ㄳ
2010.01.27 00:51:56
좋은 강좌 감사드립니다^^
코드를 작성하여 실행하였는데, 화면에 버튼은 나타나는데, 클릭하면 "클릭됨" 이라는 문자가 나타나야 할것 같은데,
나타나지 않네요- -;
어디가 잘못된 것일까요?
코드를 작성하여 실행하였는데, 화면에 버튼은 나타나는데, 클릭하면 "클릭됨" 이라는 문자가 나타나야 할것 같은데,
나타나지 않네요- -;
어디가 잘못된 것일까요?
2010.02.02 14:14:25
좋은 강좌 감사합니다. 따라해보고 '헤에~' 해버렸네요. ㅎㅎ
맨날 서버만 해보다가 UI가 나오는 걸 해보니 기분이 좋네요. ^^
river님// 저는 제가 강좌따라하던데다가 마지막 예제 보고 바뀐 것 같은 것만 직접 바꿔넣었더니 잘안돼서
한꺼번에 긁어서 했더니 되더라구요.
되고 나서 다시 예전꺼랑 비교해봤더니 myactivity.xml에 이상이 있었어요.
맨날 서버만 해보다가 UI가 나오는 걸 해보니 기분이 좋네요. ^^
river님// 저는 제가 강좌따라하던데다가 마지막 예제 보고 바뀐 것 같은 것만 직접 바꿔넣었더니 잘안돼서
한꺼번에 긁어서 했더니 되더라구요.
되고 나서 다시 예전꺼랑 비교해봤더니 myactivity.xml에 이상이 있었어요.
2010.02.10 12:11:18
안녕하세요,,초보여서 어리석은 질문 하나 드리겠습니다..
=== 아래 부분을 두 부분으로 나눠서 코딩할 수 있나요??
예를들면,
btn.setOnClickListener(XX);
XX 를 따로 클래스화 하는..등..
===============================================
btn.setOnClickListener(
new View.OnClickListener() {
public void onClick(View v) {
TextView t = (TextView)findViewById(R.id.text);
t.setText("clicked");
t.setBackgroundColor(11);
t.setGravity(Gravity.LEFT);
}
}
);
=== 아래 부분을 두 부분으로 나눠서 코딩할 수 있나요??
예를들면,
btn.setOnClickListener(XX);
XX 를 따로 클래스화 하는..등..
===============================================
btn.setOnClickListener(
new View.OnClickListener() {
public void onClick(View v) {
TextView t = (TextView)findViewById(R.id.text);
t.setText("clicked");
t.setBackgroundColor(11);
t.setGravity(Gravity.LEFT);
}
}
);

회색

위 예제를 실행중 에러가 발생하였는데.. 에뮬에서 The application layout has stopped unexpectdly.Please try again 라고 발생을 하는데 정확한 에러로그를 볼려면 어디를 찾아봐야 하나요? 버전은 1.5입니다. ^^;;