[안드로이드] ImageView(이미지 뷰) 사용 예제

  오늘은 ImageView에 사진이나 그림을 넣는 아주 간단한 예제를 보겠습니다.

ImageView 예제를 살펴보자

  먼저 xml에서 ImageView를 만들어 주었습니다.

  다음으로 ImageView에 출력할 이미지를 안드로이드 폴더 내에 집어넣어 보겠습니다. 오늘 사용할 이미지는 다음과 같습니다.

 눈 빛이 아련한 강아지의 사진입니다. https://pixabay.com/ko/ 에서 받은 무료 사진이니 마음껏 쓰셔도됩니다. 이제 이 이미지를 내부로 집어 넣어보겠습니다.

  좌측의 Android 목록에서 app - res - drawable 폴더를 선택해 줍니다. 그 다음 drawable 폴더에서 오른쪽 마우스를 클릭해 줍니다.

  그 다음 위와같이 show in Explorer를 클릭하면 해당 drawable 폴더가 열리게 됩니다. 이제 원하시는 이미지를 폴더로 집어넣으시면 됩니다.

   예제이므로 ex_image라는 이름을 사용하였습니다. 이제 준비는 끝났습니다.

ImageView code 부분을 보자

Button button;
ImageView imageView

  버튼을 누르면 이미지가 나오는 예제이므로 button과 imageView를 선언하였습니다.

button = (Button) findViewById(R.id.button);
imageView = (ImageView) findViewById(R.id.imageView)

  button과 imageView를 xml에 만들었던것과 초기화 시켰습니다. 이제 버튼을 누르면 이미지가 나오도록 해보겠습니다.

 button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                imageView.setImageResource(R.drawable.ex_image);
            }
        });

  버튼 이벤트가 낯설으시다면 다음의 글을 읽고오시면 수월해 지실 겁니다.

[안드로이드] 버튼(Button) 이벤트 사용법 2가지!

imageView.setImageResource(R.drawable.ex_image);

  button 이벤트 안에 imageView에서 setImageResource를 사용하였고, 인자로 R class의 drawable 폴더의 ex_image 즉 이미지 이름을 넣어주었습니다. 이제 세팅이 끝났으니 실행을 해보겠습니다.

  버튼을 누르지 이미지가 나타났습니다.ㅎㅎ 버튼 쪽이 가린건 xml에서 ImageView의 위치를 조정해주시면 됩니다. 수고하셨습니다.

public class MainActivity extends AppCompatActivity {
    Button button;
    ImageView imageView;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        button = (Button) findViewById(R.id.button);
        imageView = (ImageView) findViewById(R.id.imageView);
 
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                imageView.setImageResource(R.drawable.ex_image);
            }
        });
    }
}