Android Dialog示例

偏执的太偏执、 2022-07-12 08:55 220阅读 0赞

在Android开发中，Dialog经常用到，下面这个示例介绍Dialog的7种基本用法。

界面如下：

> > ![20170219182413660][]

工程目录：

> > ![20170219182440594][]

字符串资源，strings.xml

<resources>
    
        
        <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
            
            <item name="colorPrimary">@color/colorPrimary</item>
            <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
            <item name="colorAccent">@color/colorAccent</item>
        </style>
    
        <style name="loadingDialogStyle" parent="android:Theme.Dialog">
            <item name="android:windowBackground">@android:color/transparent</item>
            <item name="android:windowFrame">@null</item>
            <item name="android:windowNoTitle">true</item>
            <item name="android:windowIsFloating">true</item>
            <item name="android:windowIsTranslucent">true</item>
            <item name="android:windowContentOverlay">@null</item>
            
            <item name="android:windowAnimationStyle">@android:style/Animation.Dialog</item>
            <item name="android:backgroundDimEnabled">true</item>
        </style>
    
    </resources>

styles.xml样式

主布局activity.xml

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout
            xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:tools="http://schemas.android.com/tools"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:paddingLeft="@dimen/activity_horizontal_margin"
            android:paddingRight="@dimen/activity_horizontal_margin"
            android:paddingTop="@dimen/activity_vertical_margin"
            android:paddingBottom="@dimen/activity_vertical_margin"
            android:orientation="vertical"
            tools:context=".MainActivity">
    
        <Button
                android:id="@+id/loadingDialogButton"
                android:text="Loading Dialog"
                android:layout_gravity="center"
                android:textColor="#ffffff"
                android:textSize="18sp"
                android:background="#EB4A4B"
                android:layout_marginTop="10dp"
                android:layout_marginLeft="50dp"
                android:layout_marginRight="50dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"/>
    
        <Button
                android:id="@+id/simpleDialogButton"
                android:text="@string/simple_dialog"
                android:textColor="#ffffff"
                android:textSize="18sp"
                android:background="#EB4A4B"
                android:layout_marginTop="10dp"
                android:layout_marginLeft="50dp"
                android:layout_marginRight="50dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />
        <Button
                android:id="@+id/simpleListDialogButton"
                android:text="@string/simple_list_dialog"
                android:textColor="#ffffff"
                android:textSize="18sp"
                android:background="#EB4A4B"
                android:layout_marginTop="10dp"
                android:layout_marginLeft="50dp"
                android:layout_marginRight="50dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />
        <Button
                android:id="@+id/singleChioseDialogButton"
                android:text="@string/single_choice_dialog"
                android:textColor="#ffffff"
                android:textSize="18sp"
                android:background="#EB4A4B"
                android:layout_marginTop="10dp"
                android:layout_marginLeft="50dp"
                android:layout_marginRight="50dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />
        <Button
                android:id="@+id/multiChoiceDialogButton"
                android:text="@string/multi_choice_dialog"
                android:textColor="#ffffff"
                android:textSize="18sp"
                android:background="#EB4A4B"
                android:layout_marginTop="10dp"
                android:layout_marginLeft="50dp"
                android:layout_marginRight="50dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />
        <Button
                android:id="@+id/customAdapterDialog"
                android:text="@string/custom_adapter_dialog"
                android:textColor="#ffffff"
                android:textSize="18sp"
                android:background="#EB4A4B"
                android:layout_marginTop="10dp"
                android:layout_marginLeft="50dp"
                android:layout_marginRight="50dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />
        <Button
                android:id="@+id/customViewDialogButton"
                android:text="@string/custom_view_dialog"
                android:textColor="#ffffff"
                android:textSize="18sp"
                android:background="#EB4A4B"
                android:layout_marginTop="10dp"
                android:layout_marginLeft="50dp"
                android:layout_marginRight="50dp"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />
    
    
    </LinearLayout>

custom\_adapter.xml

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
                  android:orientation="horizontal"
                  android:background="#dddddd"
                  android:layout_marginLeft="15dp"
                  android:layout_marginTop="15dp"
                  android:layout_marginBottom="10dp"
                  android:layout_marginRight="15dp"
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content">
        <ImageView
                android:id="@+id/id_image"
                android:layout_width="60dp"
                android:layout_height="60dp" />
        <TextView
                android:textColor="#554995"
                android:id="@+id/id_text"
                android:layout_marginLeft="20dp"
                android:layout_gravity="center"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />
    </LinearLayout>

custom\_view.xml

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
                  android:layout_width="match_parent"
                  android:layout_height="match_parent"
                  android:orientation="vertical"
                  android:gravity="center"
                  android:background="#25AE90">
        <LinearLayout
                android:orientation="horizontal"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:paddingTop="10dp"
                android:layout_marginRight="60dp"
                android:layout_marginLeft="60dp">
            <TextView
                    android:text="用户名"
                    android:layout_marginRight="10dp"
                    android:textSize="20sp"
                    android:textColor="#ffffff"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content" />
            <EditText
                    android:layout_width="0dp"
                    android:layout_weight="1"
                    android:layout_height="40dp"
                    android:background="#ffffff"/>
        </LinearLayout>
        <LinearLayout
                android:orientation="horizontal"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                android:layout_marginRight="60dp"
                android:layout_marginLeft="60dp">
            <TextView
                    android:text="密    码"
                    android:layout_marginRight="10dp"
                    android:textSize="20sp"
                    android:textColor="#ffffff"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content" />
            <EditText
                    android:layout_width="0dp"
                    android:layout_weight="1"
                    android:layout_height="40dp"
                    android:background="#ffffff"/>
        </LinearLayout>
        <LinearLayout
                android:orientation="horizontal"
                android:layout_width="match_parent"
                android:paddingBottom="10dp"
                android:layout_height="wrap_content"
                android:layout_marginTop="10dp"
                android:layout_marginRight="60dp"
                android:layout_marginLeft="60dp">
            <Button
                    android:text="登  录"
                    android:textColor="#25AE90"
                    android:background="#ECEEF1"
                    android:layout_width="0dp"
                    android:layout_marginRight="10dp"
                    android:layout_weight="1"
                    android:layout_height="wrap_content" />
            <Button
                    android:text="取  消"
                    android:textColor="#25AE90"
                    android:background="#ECEEF1"
                    android:layout_width="0dp"
                    android:layout_weight="1"
                    android:layout_height="wrap_content" />
        </LinearLayout>
    </LinearLayout>

dialog\_loading.xml

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
                  android:layout_width="fill_parent"
                  android:layout_height="fill_parent"
                  android:background="@android:color/transparent"
                  android:gravity="center"
                  android:orientation="vertical" >
    
        <LinearLayout
                android:id="@+id/LinearLayout"
                android:layout_width="160dp"
                android:layout_height="160dp"
                android:background="@drawable/desktop"
                android:gravity="center"
                android:orientation="vertical" >
    
            <ProgressBar
                    android:id="@+id/progressBar1"
                    style="?android:attr/progressBarStyleInverse"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:background="@android:color/transparent" />
    
            <TextView
                    android:id="@+id/tv"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:paddingTop="10dp"
                    android:textColor="@color/color_white"
            />
        </LinearLayout>
    
    </LinearLayout>

CustomAdapter.java

package com.nii.dialog.adapter;
    
    import android.content.Context;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    import android.widget.BaseAdapter;
    import android.widget.ImageView;
    import android.widget.TextView;
    import com.nii.dialog.R;
    import com.nii.dialog.bean.ItemBean;
    
    import java.util.List;
    
    /**
     * Created by wzj on 2017/2/19.
     */
    public class CustomAdapter extends BaseAdapter
    {
    
        private List<ItemBean> items;
        private LayoutInflater inflater;
        private ImageView image;
        private TextView text;
    
        /**
         * 构造函数
         *
         * @param items   items
         * @param context context
         */
        public CustomAdapter(List<ItemBean> items, Context context)
        {
            this.items = items;
            this.inflater = LayoutInflater.from(context);
        }
    
    
        /**
         * How many items are in the data set represented by this Adapter.
         *
         * @return Count of items.
         */
        @Override
        public int getCount()
        {
            return items.size();
        }
    
        /**
         * Get the data item associated with the specified position in the data set.
         *
         * @param position Position of the item whose data we want within the adapter's
         *                 data set.
         * @return The data at the specified position.
         */
        @Override
        public Object getItem(int position)
        {
            return items.get(position);
        }
    
        /**
         * Get the row id associated with the specified position in the list.
         *
         * @param position The position of the item within the adapter's data set whose row id we want.
         * @return The id of the item at the specified position.
         */
        @Override
        public long getItemId(int position)
        {
            return position;
        }
    
        /**
         * Get a View that displays the data at the specified position in the data set. You can either
         * create a View manually or inflate it from an XML layout file. When the View is inflated, the
         * parent View (GridView, ListView...) will apply default layout parameters unless you use
         * {@link LayoutInflater#inflate(int, ViewGroup, boolean)}
         * to specify a root view and to prevent attachment to the root.
         *
         * @param position    The position of the item within the adapter's data set of the item whose view
         *                    we want.
         * @param convertView The old view to reuse, if possible. Note: You should check that this view
         *                    is non-null and of an appropriate type before using. If it is not possible to convert
         *                    this view to display the correct data, this method can create a new view.
         *                    Heterogeneous lists can specify their number of view types, so that this View is
         *                    always of the right type (see {@link #getViewTypeCount()} and
         *                    {@link #getItemViewType(int)}).
         * @param parent      The parent that this view will eventually be attached to
         * @return A View corresponding to the data at the specified position.
         */
        @Override
        public View getView(int position, View convertView, ViewGroup parent)
        {
            if (convertView == null)
            {
                convertView = inflater.inflate(R.layout.custom_adapter, null);
                image = (ImageView) convertView.findViewById(R.id.id_image);
                text = (TextView) convertView.findViewById(R.id.id_text);
            }
            image.setImageResource(items.get(position).getImageId());
            text.setText(items.get(position).getMessage());
            return convertView;
        }
    }

ItemBean.java

package com.nii.dialog.bean;
    
    /**
     * Created by wzj on 2017/2/19.
     */
    public class ItemBean
    {
        private int imageId;
        private String message;
    
        public ItemBean(int imageId, String message)
        {
            this.imageId = imageId;
            this.message = message;
        }
    
        public String getMessage()
        {
            return message;
        }
    
        public int getImageId()
        {
            return imageId;
        }
    
        public void setImageId(int imageId)
        {
            this.imageId = imageId;
        }
    
        public void setMessage(String message)
        {
            this.message = message;
        }
    }

LoadingDialog.java

package com.nii.dialog.dialog;
    
    import android.app.Dialog;
    import android.content.Context;
    import android.os.Bundle;
    import android.widget.LinearLayout;
    import android.widget.TextView;
    import com.nii.dialog.R;
    
    /**
     * Created by wzj on 2017/2/19.
     */
    public class LoadingDialog extends Dialog
    {
        private TextView tv;
    
        public LoadingDialog(Context context)
        {
            super(context,R.style.loadingDialogStyle);
        }
    
        private LoadingDialog(Context context, int theme)
        {
            super(context, theme);
        }
    
        @Override
        protected void onCreate(Bundle savedInstanceState)
        {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.dialog_loading);
            tv = (TextView) this.findViewById(R.id.tv);
            tv.setText("正在上传...");
            LinearLayout linearLayout = (LinearLayout) this.findViewById(R.id.LinearLayout);
            linearLayout.getBackground().setAlpha(210);
        }
    }

MainActivity.java

package com.nii.dialog;
    
    import android.app.AlertDialog;
    import android.content.Context;
    import android.content.DialogInterface;
    import android.os.Bundle;
    import android.support.v7.app.AppCompatActivity;
    import android.view.View;
    import android.widget.Button;
    import android.widget.LinearLayout;
    import android.widget.Toast;
    import com.nii.dialog.adapter.CustomAdapter;
    import com.nii.dialog.bean.ItemBean;
    import com.nii.dialog.dialog.LoadingDialog;
    
    import java.util.ArrayList;
    import java.util.List;
    
    public class MainActivity extends AppCompatActivity implements View.OnClickListener
    {
        /**
         * context
         */
        private Context mContext;
    
    
        /**
         * 加载转圈圈的按钮
         */
        private Button loadingDialogButton;
    
        /**
         * 简单的Dialog
         */
        private Button simpleDialogButton;
    
        /**
         * 简单列表的Dialog
         */
        private Button simpleListDialogButton;
    
        /**
         * 单选
         */
        private Button singleChioseDialogButton;
    
        /**
         * 多选
         */
        private Button multiChoiceDialogButton;
    
        /**
         * 自定义Adapter
         */
        private Button customAdapterDialog;
    
        /**
         * 自定义View
         */
        private Button customViewDialogButton;
    
    
        @Override
        protected void onCreate(Bundle savedInstanceState)
        {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            this.mContext = this;
    
            //获取界面控件
            loadingDialogButton = (Button) findViewById(R.id.loadingDialogButton);
            simpleDialogButton = (Button) findViewById(R.id.simpleDialogButton);
            simpleListDialogButton = (Button) findViewById(R.id.simpleListDialogButton);
            singleChioseDialogButton = (Button) findViewById(R.id.singleChioseDialogButton);
            multiChoiceDialogButton = (Button) findViewById(R.id.multiChoiceDialogButton);
            customAdapterDialog = (Button) findViewById(R.id.customAdapterDialog);
            customViewDialogButton = (Button) findViewById(R.id.customViewDialogButton);
    
            loadingDialogButton.setOnClickListener(this);
            simpleDialogButton.setOnClickListener(this);
            simpleListDialogButton.setOnClickListener(this);
            singleChioseDialogButton.setOnClickListener(this);
            multiChoiceDialogButton.setOnClickListener(this);
            customAdapterDialog.setOnClickListener(this);
            customViewDialogButton.setOnClickListener(this);
        }
    
        /**
         * Called when a view has been clicked.
         *
         * @param v The view that was clicked.
         */
        @Override
        public void onClick(View v)
        {
            switch (v.getId())
            {
                case R.id.loadingDialogButton:
                    loadingDialogButtonAction(v);
                    break;
                case R.id.simpleDialogButton:
                    simpleDialogButtonAction(v);
                    break;
                case R.id.simpleListDialogButton:
                    showSimpleListDialog(v);
                    break;
                case R.id.singleChioseDialogButton:
                    showSingleChoiceDialog(v);
                    break;
                case R.id.multiChoiceDialogButton:
                    showMultiChoiceDialog(v);
                    break;
                case R.id.customAdapterDialog:
                    showCustomAdapterDialog(v);
                    break;
                case R.id.customViewDialogButton:
                    showCustomViewDialog(v);
                    break;
            }
        }
    
        /**
         * 模仿微信，加载转圈圈Dialog
         */
        private void loadingDialogButtonAction(View view)
        {
            LoadingDialog dialog = new LoadingDialog(mContext);
            dialog.setCanceledOnTouchOutside(false);
            dialog.show();
        }
    
        /**
         * 简单对话框
         */
        private void simpleDialogButtonAction(View view)
        {
            AlertDialog.Builder builder = new AlertDialog.Builder(this);
            builder.setIcon(R.mipmap.ic_launcher);
            builder.setTitle(R.string.simple_dialog);
            builder.setMessage(R.string.dialog_message);
    
            //监听下方button点击事件
            builder.setPositiveButton(R.string.postive_button, new DialogInterface.OnClickListener()
            {
                @Override
                public void onClick(DialogInterface dialogInterface, int i)
                {
                    Toast.makeText(getApplicationContext(), R.string.toast_postive, Toast.LENGTH_SHORT).show();
                }
            });
            builder.setNegativeButton(R.string.negative_button, new DialogInterface.OnClickListener()
            {
                @Override
                public void onClick(DialogInterface dialogInterface, int i)
                {
                    Toast.makeText(getApplicationContext(), R.string.toast_negative, Toast.LENGTH_SHORT).show();
                }
            });
    
            //设置对话框是可取消的
            builder.setCancelable(true);
            AlertDialog dialog = builder.create();
            dialog.setCanceledOnTouchOutside(false);
            dialog.show();
        }
    
        /**
         * 简单的list dialog
         *
         * @param view view
         */
        private void showSimpleListDialog(View view)
        {
            AlertDialog.Builder builder = new AlertDialog.Builder(this);
            builder.setIcon(R.mipmap.ic_launcher);
            builder.setTitle(R.string.simple_list_dialog);
    
            /**
             * 设置内容区域为简单列表项
             */
            final String[] Items = {"Items_one", "Items_two", "Items_three"};
            builder.setItems(Items, new DialogInterface.OnClickListener()
            {
                @Override
                public void onClick(DialogInterface dialogInterface, int i)
                {
                    Toast.makeText(getApplicationContext(), "You clicked " + Items[i], Toast.LENGTH_SHORT).show();
                }
            });
            builder.setCancelable(true);
            AlertDialog dialog = builder.create();
            dialog.show();
        }
    
        /**
         * 单选的Dialog
         *
         * @param view view
         */
        private void showSingleChoiceDialog(View view)
        {
            AlertDialog.Builder builder = new AlertDialog.Builder(this);
            builder.setIcon(R.mipmap.ic_launcher);
            builder.setTitle(R.string.single_choice_dialog);
    
            /**
             * 设置内容区域为单选列表项
             */
            final String[] items = {"Items_one", "Items_two", "Items_three"};
            builder.setSingleChoiceItems(items, 1, new DialogInterface.OnClickListener()
            {
                @Override
                public void onClick(DialogInterface dialogInterface, int i)
                {
                    Toast.makeText(getApplicationContext(), "You clicked " + items[i], Toast.LENGTH_SHORT).show();
                }
            });
    
            builder.setCancelable(true);
            AlertDialog dialog = builder.create();
            dialog.show();
        }
    
        /**
         * 多选 dialog
         *
         * @param view view
         */
        private void showMultiChoiceDialog(View view)
        {
            AlertDialog.Builder builder = new AlertDialog.Builder(this);
            builder.setIcon(R.mipmap.ic_launcher);
            builder.setTitle(R.string.simple_list_dialog);
    
            /**
             * 设置内容区域为多选列表项
             */
            final String[] items = {"Items_one", "Items_two", "Items_three"};
            builder.setMultiChoiceItems(items, new boolean[]{true, false, true}, new DialogInterface.OnMultiChoiceClickListener()
            {
                @Override
                public void onClick(DialogInterface dialogInterface, int i, boolean b)
                {
                    Toast.makeText(getApplicationContext(), "You clicked " + items[i] + " " + b, Toast.LENGTH_SHORT).show();
                }
            });
    
    
            builder.setCancelable(true);
            AlertDialog dialog = builder.create();
            dialog.show();
        }
    
        /**
         * custom adapter
         *
         * @param view view
         */
        private void showCustomAdapterDialog(View view)
        {
            AlertDialog.Builder builder = new AlertDialog.Builder(this);
            builder.setIcon(R.mipmap.ic_launcher);
            builder.setTitle(R.string.custom_adapter_dialog);
    
            /**
             * 设置内容区域为自定义adapter
             */
            List<ItemBean> items = new ArrayList<>();
            items.add(new ItemBean(R.mipmap.stu2, "You can call me xiaoming"));
            items.add(new ItemBean(R.mipmap.ic_launcher, "I'm android xiao"));
            CustomAdapter adapter = new CustomAdapter(items, this);
            builder.setAdapter(adapter, new DialogInterface.OnClickListener()
            {
                @Override
                public void onClick(DialogInterface dialogInterface, int i)
                {
                    Toast.makeText(getApplicationContext(), "You clicked" + i, Toast.LENGTH_SHORT).show();
                }
            });
    
            builder.setCancelable(true);
            AlertDialog dialog = builder.create();
            dialog.show();
        }
    
        /**
         * show custom dialog
         * @param view
         */
        private void showCustomViewDialog(View view)
        {
            AlertDialog.Builder builder = new AlertDialog.Builder(this);
            builder.setIcon(R.mipmap.ic_launcher);
            builder.setTitle(R.string.custom_view_dialog);
    
            /**
             * 设置内容区域为自定义View
             */
            LinearLayout loginDialog = (LinearLayout) getLayoutInflater().inflate(R.layout.custom_view, null);
            builder.setView(loginDialog);
    
            builder.setCancelable(true);
            AlertDialog dialog = builder.create();
            dialog.show();
        }
    
    
    }

代码github下载链接： [https://github.com/HelloKittyNII/ModuleCode/tree/master/android/06.dialog][https_github.com_HelloKittyNII_ModuleCode_tree_master_android_06.dialog]

[20170219182413660]: /images/20220710/841eb8ed3a0747ce85b9dd2156a1ce8d.png
[20170219182440594]: /images/20220710/3dec7a34a92b4bea92c1431ce7b61ed4.png
[https_github.com_HelloKittyNII_ModuleCode_tree_master_android_06.dialog]: https://github.com/HelloKittyNII/ModuleCode/tree/master/android/06.dialog