Exemple avec ImageButton Android

Exemple Android ImageButton

Sous Android, vous pouvez utiliser «http://developer.android.com/reference/android/widget/ImageButton.html[android.widget.ImageButton]» pour afficher un «Button» normal, avec un arrière-plan personnalisé image.

Dans ce tutoriel, nous vous montrons comment afficher un bouton avec une image d'arrière-plan nommée «android_button.png», lorsque l'utilisateur clique dessus, affiche un court message. Aussi simple que cela.

Note
Vous pouvez également aimer ceAndroid ImageButton selector example, qui permet de changer les images du bouton en fonction de l’état du bouton.

P.S This project is developed in Eclipse 3.7, and tested with Android 2.3.3.

1. Ajouter une image aux ressources

Placez l'image «android_button.png» dans le dossier «res/drawable-?dpi». Pour qu'Android sache où trouver votre image.

2. Ajouter ImageButton

Ouvrez le fichier «res/layout/main.xml», ajoutez une balise «ImageButton» et définissez l'image d'arrière-plan via «android:src».

Fichier: res / layout / main.xml

3. Code Code

Voici le code, ajoutez un écouteur de clic sur le bouton image.

Fichier: MyAndroidAppActivity.java

package com.example.android;

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 MyAndroidAppActivity extends Activity {

    ImageButton imageButton;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        addListenerOnButton();

    }

    public void addListenerOnButton() {

        imageButton = (ImageButton) findViewById(R.id.imageButton1);

        imageButton.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View arg0) {

               Toast.makeText(MyAndroidAppActivity.this,
                "ImageButton is clicked!", Toast.LENGTH_SHORT).show();

            }

        });

    }

}