Exemple de dialogue personnalisé Android

Exemple de boîte de dialogue personnalisée Android

Dans ce tutoriel, nous vous montrons comment créer une boîte de dialogue personnalisée dans Android. Voir les étapes suivantes:

  1. Créez une disposition de boîte de dialogue personnalisée (fichier XML).

  2. Attachez la mise en page àDialog.

  3. Affichez lesDialog.

  4. Terminé.

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

Note
Vous pouvez également être intéressé à lire cecustom AlertDialog example.

1 Fichiers de mise en page Android

Deux fichiers XML, un pour l'écran principal, un pour la boîte de dialogue personnalisée.

Fichier: res / layout / main.xml




    

Fichier: res / layout / custom.xml




    

    />

     

2. Activité

Lisez le commentaire et la démo à l'étape suivante, cela devrait être auto-exploratoire.

Fichier: MainActivity.java

package com.example.android;

import android.app.Activity;
import android.app.Dialog;
import android.content.Context;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;

public class MainActivity extends Activity {

    final Context context = this;
    private Button button;

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        button = (Button) findViewById(R.id.buttonShowCustomDialog);

        // add button listener
        button.setOnClickListener(new OnClickListener() {

          @Override
          public void onClick(View arg0) {

            // custom dialog
            final Dialog dialog = new Dialog(context);
            dialog.setContentView(R.layout.custom);
            dialog.setTitle("Title...");

            // set the custom dialog components - text, image and button
            TextView text = (TextView) dialog.findViewById(R.id.text);
            text.setText("Android custom dialog example!");
            ImageView image = (ImageView) dialog.findViewById(R.id.image);
            image.setImageResource(R.drawable.ic_launcher);

            Button dialogButton = (Button) dialog.findViewById(R.id.dialogButtonOK);
            // if button is clicked, close the custom dialog
            dialogButton.setOnClickListener(new OnClickListener() {
                @Override
                public void onClick(View v) {
                    dialog.dismiss();
                }
            });

            dialog.show();
          }
        });
    }
}

3. Demo

Démarrez-le, la disposition «main.xml» s'affiche.

android custom dialog example

Cliquez sur le bouton, affichez la mise en page de la boîte de dialogue personnalisée «custom.xml», si vous cliquez sur le bouton «OK», la boîte de dialogue se ferme.

android custom dialog example

Télécharger le code source

Téléchargez-le -Android-Custom-Dialog-Example.zip (16 Ko)