'Android' 태그의 글 목록

2012. 7. 2. 23:37

[Android] 3.이미지 띄워보기

Programming 2012. 7. 2. 23:37

이번엔 이미지를 화면에 띄워보자

이름은 ImageEx로 새로운 프로젝트를 만들자

하는김에 아이콘도 바꿔보자 희생양은 내 곰돌이로 정했다

저..저장해도 좋아!

...짠! 새 프로젝트가 만들어 졌다

XML수정 레이아웃이 나와있지만 이번 시간에는 코딩을 통해 진행할 것임으로 빠이빠이하고,

새 친구 자바는 왼쪽 내비게이터의 src - com.example.ImageEx에서 대기타고 있으므로 불러오자

public class MainActivity extends Activity

이 줄을 보자. 안드로이드 어플을 구성하는 주된 요소는 이 액티비티클래스이다

*클래스 : 여러 변수와 메서드가 모여있는 집합체라고 보면 된다. 객체지향 언어에서는 필수적 요소이다

그리고 우리 눈에 보이는 화면인 뷰클래스가 이 액티비티클래스 안에 포함되어

있다

그리고 이미지를 표시하려면 이 뷰클래스의 파생클래스가 필요하다

com.exmaple.ImageEx 오른클릭 - New - Class

클래스를 생성하는 창이다

Name : ImageView

Superclass라는 항목이 있다. 클래스들은 부모와 자식의 관계처럼 상속을 받고 하는 관계에 있다. 이 슈퍼클래스는 상속을 할, 즉 부모클래스를 지정해주는 항목이다

Browse 클릭

여기서 android.view.view를 치면 나오는 View - android.view 클릭, OK 클릭

ImageView클래스가 만들어졌다.

이제는 띄울 이미지를 가져오자 res - drawable-mdpi 폴더로 이미지를 끌어오자(또는 프로젝트 폴더로 직접가서 넣는다)

*이때 이미지파일의 이름에는 영어소문자, 숫자, 언더바( _ )외의 글자는 있어서는 안된다

만약 끌어왔다면 복사할지 경로만 불러올지 물어본다

파일이 대빵커서 불러오는데 시간이 매우 걸리지 않는이상 Copy files로 두고 확인.

추가된 모습이다

아까 아이콘 만들때의 곰돌이를 재탕했다

이제부터는 코딩을 해본다(//가 붙은 줄은 주석이라고해서 코드라고 인정하지 않는부분이다, 안적어도 된다. 복사해서 붙여넣어도 이클립스는 코드라고 생각안한다)

ImageView.java에는...

package com.example.imageex;

import android.content.Context;    //필요한 각종 헤더들을 임포트한다
import android.graphics.Bitmap;    //이것들은 아래에서 쓰이는 명령어들이
import android.graphics.BitmapFactory;    //제대로 동작하게 해준다
import android.graphics.Canvas;    //이미지만 띄우는데 4개...
import android.view.View;

public class ImageView extends View {

public ImageView(Context context){ //뷰를 초기화한다
super(context);
}

@Override
public void onDraw(Canvas canvas){ //실제로 그려지는 부분

Bitmap btGom = BitmapFactory.decodeResource(getResources(), R.drawable.gom); //btGom비트맵을 생성한다 btGom말고 다른것도 상관없다(bt는 변태가 아니다-_-;;)

//뒤의 gom은 이미지파일의 이름이다

//ex)detguljum.png라면 R.drawable.detguljum이 되는 것,

canvas.drawBitmap(btGom, 0, 0, null); //btGom비트맵을 (0,0)의 위치에 그린다
}

}

MainActivity.java에는...

package com.example.imageex;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.MenuItem;
import android.support.v4.app.NavUtils;

public class MainActivity extends Activity {

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

~~setContentView(R.layout.activity_main);~~
setContentView(new ImageView(this)); //메인액티비티XML파일이 아닌 우리가 만든 클래스를 처음에 띄우도록 해주자

}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.activity_main, menu);
return true;
}

}

굵은 글씨가 추가된 부분이다 복사해서 붙여넣어도 되지만 실제로 쳐보기를 추천한다.

참고로 Ctrl+Shift+O로 이미 작성되있는 코드에 따라 필요한 헤더를 알아서 임포트 해준다. 좋다.

이제 Ctrl+F11로 실행해보자