본문 바로가기
Android/기본기능

[Android] ImageView를 누르면 Toast 메시지 띄우기

by 백호루이 2023. 10. 1.
반응형

간단한 예제이다.

 

화면에 이미지를 표시하고, 그 이미지를 선택(터치, 클릭)하면 간단한 토스트 메시지를 띄우도록 한다.

 

1. 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:orientation="vertical"
    tools:context=".MainActivity">

    <EditText
        android:id="@+id/et_id"
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:hint="아이디를 입력하세요..." />
    <Button
        android:id="@+id/btn_test"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="버튼"/>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center">
        <ImageView
            android:id="@+id/test"
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:src="@mipmap/ic_launcher"/>
    </LinearLayout>
    
</LinearLayout>

이미지의 정렬(gravity 속성)을 사용하기 위해 LinearLayout으로 ImageView를 둘러싸 주었다.

 

 

2. 이미지를 누르면 토스트를 띄우는 코드

package com.example.edittext;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.provider.ContactsContract;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    EditText et_id;
    Button btn_test;
    ImageView test;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        et_id = findViewById(R.id.et_id); // xml의 editctrl과 연결
        btn_test = findViewById(R.id.btn_test);

        btn_test.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                et_id.setText("홍드로이드");
            }
        });

        test = (ImageView) findViewById(R.id.test);
        test.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(getApplicationContext(), "홍드로이드 토스트", Toast.LENGTH_SHORT).show();
            }
        });
    }
}

ImageView의 id인 test를 R.id.test와 연결 시켜주고, setOnClickListener로 콜백 함수를 구현하였다.

 

 

 

반응형

댓글