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:
-
Créez une disposition de boîte de dialogue personnalisée (fichier XML).
-
Attachez la mise en page à
Dialog
. -
Affichez les
Dialog
. -
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.
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.
Télécharger le code source
Téléchargez-le -Android-Custom-Dialog-Example.zip (16 Ko)