Exemple Android ImageView

Exemple Android ImageView

Sous Android, vous pouvez utiliser la classe «http://developer.android.com/reference/android/widget/ImageView.html[android.widget.ImageView]» pour afficher un fichier image. Le fichier image est facile à utiliser mais difficile à maîtriser, en raison des différents écrans et dpi des appareils Android.

Note
Veuillez vous référer à cet Android officiel «http://developer.android.com/guide/topics/resources/drawable-resource.html[Drawable Resource]» et «http: // developer .android.com / guide / practices / screens_support.html [Screen Support] »pour mieux comprendre le fonctionnement de l'image sous Android.

Dans ce didacticiel, nous n'avons pas approfondi le dpi et divers problèmes d'écran, nous utilisons simplementImageView pour afficher une image «png», lorsque l'utilisateur clique sur un bouton, elle se transforme en une autre image «png» .

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

1. Ajouter une image aux ressources

Placez vos images dans le dossier «res/drawable-ldpi», «res/drawable-mdpi» ou «res/drawable-hdpi».

Voir la figure ci-dessous, quel que soit le dossier que vous mettez, Android trouvera automatiquement votre image. Dans ce cas, les images "android.png" et "android3d.png" sont utilisées pour la démonstration.

android image drawable

Note
Encore une fois, lisez «http://developer.android.com/guide/topics/resources/drawable-resource.html[Drawable Resource]» et «http: // developer. android.com/guide/practices/screens_support.html[Screen Support] »pour comprendre ce qu'est le dpi et les ressources dans Android.

2. Ajouter ImageView

Ouvrez le fichier «res/layout/main.xml», ajoutez simplement unImageView et unButton pour la démonstration. Par défaut,imageView1 affichera «android.png».

Fichier: res / layout / main.xml



    

    

3. Code Code

Simple, lorsque le bouton est cliqué, changez-le en "android3d.png".

Fichier: MyAndroidAppActivity.java

package com.example.android;

import android.app.Activity;
import android.os.Bundle;
import android.widget.Button;
import android.widget.ImageView;
import android.view.View;
import android.view.View.OnClickListener;

public class MyAndroidAppActivity extends Activity {

    Button button;
    ImageView image;

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

        addListenerOnButton();

    }

    public void addListenerOnButton() {

        image = (ImageView) findViewById(R.id.imageView1);

        button = (Button) findViewById(R.id.btnChangeImage);
        button.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View arg0) {
                image.setImageResource(R.drawable.android3d);
            }

        });

    }

}

4. Demo

Exécutez l'application.

1. Résultat, «android.png» s'affiche.

android imageview demo1

2. Cliquez sur le bouton, l'image changera en «android3d.png».

android imageview demo2

Télécharger le code source

Téléchargez-le -Android-ImageView-Example.zip (57 Ko)