[안드로이드 스튜디오] 버튼 클릭시 이미지 변경!!

 감성 자동제어 

[안드로이드 스튜디오]버튼 클릭시 이미지를 변경하자

안녕하세요! 오늘은 버튼을 클릭했을 때 이미지를 변경하는 방법대한 글을 작성하겠습니다!!

 

drawable 파일에 이미지 추가

1. 2개의 이미지 파일을 준비해서 drawable에 추가 시켜줍니다!(드래그 앤 드랍으로 추가 가능)

2. 파일의 이름을 사용자의 편의에 맞추어 지어줍니다!

 

 

Activity_main.xml(layout)

이미지뷰 하나와 버튼하나를 만들어 주도록 하겠습니다!

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical"
    tools:context=".MainActivity">
 
    <ImageView
        android:id="@+id/image_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="3"
        android:src="@drawable/baby_lion" />
 
    <Button
        android:id="@+id/bnt_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="5dp"
        android:layout_weight="0.5"
        android:text="이미지 바꾸기"
        android:textSize="30dp" />
 
</LinearLayout>

 

MainActivity(Class)

boolean값 변수를 지정해서 "true"와 "false"를 이용하여 이미지를 바꾸어 주도록 하겠습니다!

package com.example.test;
 
import androidx.appcompat.app.AppCompatActivity;
 
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
 
public class MainActivity extends AppCompatActivity {
 
    Button m_btn;
    ImageView imageView;
    boolean i = true;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        m_btn = findViewById(R.id.bnt_image);
        imageView = findViewById(R.id.image_view);
 
        m_btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (i == true){
                    imageView.setImageResource(R.drawable.adult_lion);
                    i = false;
                }else {
                    imageView.setImageResource(R.drawable.baby_lion);
                    i = true;
                }
            }
        });
 
    }
}

 

마무리

이상으로 버튼을 클릭해서 이미지를 바꾸는 방법에 대해 알아보았습니다! 3개 이상의 이미지를 번갈아 가며 바꾸는 실습도 한번 해보신다면 더욱 좋을것 같습니다! 감사합니다!!

 

결과화면

 

긴 글 읽느라 수고하셨습니다.

오늘도 일상 속 소소한 행복을 느끼길 바랍니다!

 

더 많은 정보

↓↓↓

https://engineering-mino.tistory.com/