Beispiel eines benutzerdefinierten Android-Dialogs

Beispiel für ein benutzerdefiniertes Android-Dialogfeld

In diesem Tutorial zeigen wir Ihnen, wie Sie in Android ein benutzerdefiniertes Dialogfeld erstellen. Siehe folgende Schritte:

Erstellen Sie ein benutzerdefiniertes Dialoglayout (XML-Datei).
Hängen Sie das Layout anDialog an.
Zeigen Sie dieDialog an.
Erledigt.

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

Note
Sie könnten auch daran interessiert sein, diesecustom AlertDialog example zu lesen.

1 Android-Layoutdateien

Zwei XML-Dateien, eine für den Hauptbildschirm und eine für den benutzerdefinierten Dialog.

Datei: res / layout / main.xml

Datei: res / layout / custom.xml

/>

2. Aktivität

Lesen Sie den Kommentar und die Demo im nächsten Schritt, sie sollte selbsterklärend sein.

Datei: 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

Starten Sie es, das Layout „main.xml“ wird angezeigt.

android custom dialog example

Klicken Sie auf die Schaltfläche und zeigen Sie das Layout des benutzerdefinierten Dialogfelds "custom.xml" an. Wenn Sie auf die Schaltfläche "OK" klicken, wird das Dialogfeld geschlossen.

android custom dialog example

Quellcode herunterladen

Laden Sie es herunter -Android-Custom-Dialog-Example.zip (16 KB)

TOC