Ejemplo de código Android ImageButton

En este tutorial, vamos a aprender sobre ImageButton en Android decir Cómo mostrar una imagen en un botón? Al hacer clic en el botón imagen se visualiza un mensaje de aviso emergente.

Archivo 1) XML: activity_main

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout >:android="http://schemas.android.com/apk/res/android"
>:app="http://schemas.android.com/apk/res-auto"
>:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.example.faraz.imagebutton_example.MainActivity">
<ImageButton
android:id="@+id/imageButton1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/finger"
tools:layout_editor_absoluteX="130dp"
tools:layout_editor_absoluteY="155dp" />
</android.support.constraint.ConstraintLayout>

2) Archivo: MainActivity.java

package com.example.faraz.imagebutton_example;
import android.app.Activity;
import android.os.Bundle;
import android.widget.ImageButton;
import android.widget.Toast;
import android.view.View;
import android.view.View.OnClickListener;
public class MainActivity extends Activity {
ImageButton imageButton;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
addListenerOnButton();
}
public void addListenerOnButton() {
imageButton = (ImageButton) findViewById(R.id.imageButton1);
imageButton.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View arg0) {
Toast.makeText(MainActivity.this, "You Clicked Image Button!", Toast.LENGTH_LONG).show();
}
});
}
}

Nota: Recuerde imagen tamaño del botón debe ser 100dp y 50DP. Puede cambiar su tamaño, pero no debe ser muy grande.

salida

Después de ejecutar el código, se obtiene una imagen. En realidad esto no es sólo una imagen, pero un botón que contiene una imagen. Al hacer clic en el botón de imagen un mensaje tostadas se muestra como “ha hecho clic en el botón de imagen”.


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *