Пример пользовательского диалогового окна Android

Пример пользовательского диалога Android

В этом уроке мы покажем вам, как создать собственный диалог в Android. Смотрите следующие шаги:

  1. Создайте собственный макет диалога (файл XML).

  2. Прикрепите макет кDialog.

  3. ОтобразитеDialog.

  4. Готово.

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

Note
Возможно, вам будет интересно прочитать этотcustom AlertDialog example.

1 файлы макетов Android

Два XML-файла, один для главного экрана, другой для настраиваемого диалога.

Файл: res / layout / main.xml




    

Файл: res / layout / custom.xml




    

    />

     

2. Деятельность

Прочитайте комментарий и демонстрацию в следующем шаге, он должен быть самоанализом.

Файл: 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

Запустите его, отобразится макет «main.xml».

android custom dialog example

Нажмите кнопку, отобразите настраиваемый макет диалогового окна «custom.xml», если вы нажмете кнопку «ОК», диалоговое окно будет закрыто.

android custom dialog example

Скачать исходный код

Скачать -Android-Custom-Dialog-Example.zip (16 КБ)