[안드로이드] 이미지 이벤트 만들기

이미지 이벤트 만들기

 

목차

 

 

 

  시작하기 전에

 본 내용은 이전 글에 이어서 작성 되었다.

2021.06.28 - [분류 전체보기] - [안드로이드] 이미지 불러오기

 

 

import를 하기 위한 단축키는 (Window 기준) Alt + Enter 키 이다.

import 필요한 부분

import를 하기전에는 해당 내용에 빨간 글씨로 표현이 되며, import가 되지 않았다는 의미이다.

 

import 설정하기

Alt + Enter를 할 경우 다음과 같은 안내 문구가 발생된다.

여기서 Import를 누르면 된다.

 

import 성공

해당 문구의 상단에서 import가 추가된 것을 확인하면 된다.

 

 

  이미지 이벤트 만들기

이미지 이벤트를 만들기 위해서는 해당 이미지에 이름이 필요하다.

이 역할을 하는 것이 ID 이다.

 

이미지 ID 지정

 이미지에 ID를 추가하였다. ID는 image_1 이다. 띄어쓰기는 사용되지 않으므로 주의해야한다.

 

image 이벤트 처리하기

이미지의 이벤트 처리는 MainActivity의 역할이다.

따라서 UI에서 지정한 id를 지정해서 불러오면 된다.

 

이 역할을 하는 것 바로 아래 문구이다.

findViewById<ImageView>(R.id.이미지의 아이디)

본 글에서는 이미지의 id가 image_1 이므로 R.id.image_1 로 표현이 되었다.

 

이를 image1이라는 변수에 해당 내용을 담았고,

image1 변수가 클릭 되었을 때 처리 될 수 있도록 setOnClickListener를 담으면 끝난다.

image1.setOnClickListener {

	이벤트 발생시 실행 되는 영역

}

 

전체 내용

package com.example.start01


import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.widget.ImageView
import android.widget.Toast

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)


        //화면이 클릭되었을 때
        val image1 = findViewById<ImageView>(R.id.image_1)

        // image1 을 클릭했을 때 이벤트 발생
        image1.setOnClickListener {

            //간단한 알람 문구 발생
            Toast.makeText(this, "작은 새의 날개짓", Toast.LENGTH_LONG).show()

        }

    }

}

이미지를 클릭하면,  작은 새의 날개짓 이라는 문구가 발생된다.

 

이미지를 클릭하면, 작은 새의 날개짓 문구가 발생된다.

 

  마무리

안드로이드의 시작 

간단하게 이미지를 클릭해서 이벤트 처리되도록 만들었다.