0
点赞
收藏
分享

微信扫一扫

AlertDialog使用

天蓝Sea 2022-06-06 阅读 88
对话框alertdialog-自定义androidideico系统/运维


文章目录

  • ​​要创建一个对话框，我们需要做些什么​​
  • ​​简单的AlertDialog​​
  • ​​简单列表Dialog​​
  • ​​单选列表Dialog​​
  • ​​多选列表Dialog​​
  • ​​自定义布局Dialog​​
  • ​​优化​​
  • ​​可能遇到的问题​​
  • ​​设置宽高、背景不管用​​
  • ​​Demo源码下载​​

要创建一个对话框，我们需要做些什么

可以将对话框主要分为三个部分：
上面区域是标题栏和图标
中间区域是内容区
下方是button区

其他形式各异的对话框也都是基于此的变体而已

1、首先需要创建一个AlertDialog.Builder对象，基本语法：

AlertDialog.Builder alertDialogBuilder=new AlertDialog.Builder(this);

2、通过调用它的create()方法就可以构造出一个对话框

AlertDialog alertDialog = alertDialogBuilder.create();
alertDialog.show();//将dialog显示出来

3、通过调用alertDialogBuilder对象的setXX方法来实现

alertDialogBuilder.setTitle();//设置标题
    alertDialogBuilder.setIcon();//设置图表

    /*设置下方按钮*/
    alertDialogBuilder.setPositiveButton();
    alertDialogBuilder.setNegativeButton();
    alertDialogBuilder.setNeutralButton();

    /*对话框内容区域的设置提供了多种方法*/
    setMessage();//设置显示文本
    setItems();//设置对话框内容为简单列表项
    setSingleChoiceItems();//设置对话框内容为单选列表项
    setMultiChoiceItems();//设置对话框内容为多选列表项
    setAdapter();//设置对话框内容为自定义列表项
    setView();//设置对话框内容为自定义View

    //设置对话框是否可取消
    setCancelable(booleab cancelable);
    setCancelListener(onCancelListener);

简单的AlertDialog

AlertDialog使用_ide

关键代码

private void showNormalDialog() {
        AlertDialog.Builder builder = new AlertDialog.Builder(this);
        builder.setIcon(R.mipmap.ic_launcher);
        builder.setTitle(R.string.simpleDialogTitle);
        builder.setMessage(R.string.simpleDialogMessage);

        //button监听
        builder.setPositiveButton(R.string.confirmButton, new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialogInterface, int i) {
                Toast.makeText(getApplicationContext(),"您点击了确定按钮",Toast.LENGTH_SHORT).show();
            }
        });

        builder.setNegativeButton(R.string.cancelButton, new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialogInterface, int i) {
                Toast.makeText(getApplicationContext(),"您点击了取消按钮",Toast.LENGTH_SHORT).show();
            }
        });

        //设置对话框是可取消的
        builder.setCancelable(true);

        AlertDialog alertDialog = builder.create();
        alertDialog.show();
    }

简单列表Dialog

AlertDialog使用_ide_02

关键代码

private void showNormalItemDialog() {
        AlertDialog.Builder builder = new AlertDialog.Builder(this);
        builder.setIcon(R.mipmap.ic_launcher);
        builder.setTitle(R.string.simpleDialogTitle);

        final String[] items = {"Item one","Item two","Item 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 alertDialog = builder.create();
        alertDialog.show();
    }

单选列表Dialog

AlertDialog使用_ide_03

关键代码

private void showSingleChoiceItemDialog() {
        AlertDialog.Builder builder = new AlertDialog.Builder(this);
        builder.setIcon(R.mipmap.ic_launcher);
        builder.setTitle(R.string.singleChoiceItemTitle);

        final String[] items = {"Item one","Item two","Item 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 alertDialog = builder.create();
        alertDialog.show();
    }

多选列表Dialog

AlertDialog使用_对话框_04

关键代码

private void showMultiChoiceItemDialog() {
        AlertDialog.Builder builder = new AlertDialog.Builder(this);
        builder.setIcon(R.mipmap.ic_launcher);
        builder.setTitle(R.string.multiChoiceItemTitle);

        final String[] items = {"Item one","Item two","Item three"};

        builder.setMultiChoiceItems(items, new boolean[]{true, true, false}, 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 alertDialog = builder.create();
        alertDialog.show();
    }

自定义布局Dialog

AlertDialog使用_ide_05

先自定义一个布局

dialog_forward_type.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="wrap_content"
              android:orientation="vertical"
              android:gravity="center">

    <TextView
        android:id="@+id/dialog_forward_type_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:text="请选择转发类型"/>

    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#dddddd"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="20dp">

        <LinearLayout
            android:id="@+id/dialog_forward_video_layout"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:gravity="center"
            android:layout_weight="1">
            <ImageView
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:src="@mipmap/btn_forward_video"
                />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="视频"
                android:layout_marginTop="10dp"/>
        </LinearLayout>

        <LinearLayout
            android:id="@+id/dialog_forward_image_layout"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:gravity="center"
            android:layout_weight="1">

            <ImageView
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:src="@mipmap/btn_forward_images"
                />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="图片"
                android:layout_marginTop="10dp"/>
        </LinearLayout>

    </LinearLayout>

</LinearLayout>

关键代码

private void showCustomDialog() {
        AlertDialog.Builder builder = new AlertDialog.Builder(this);

        LinearLayout layout = (LinearLayout)getLayoutInflater().inflate(R.layout.dialog_forward_type,null);
        builder.setView(layout);

        LinearLayout videoLayout = (LinearLayout)layout.findViewById(R.id.dialog_forward_video_layout);
        LinearLayout imageLayout = (LinearLayout)layout.findViewById(R.id.dialog_forward_image_layout);

        videoLayout.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(getApplicationContext(),"U clicked Video type",Toast.LENGTH_SHORT).show();
            }
        });
        imageLayout.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(getApplicationContext(),"U clicked Image type",Toast.LENGTH_SHORT).show();
            }
        });

        builder.setCancelable(true);
        AlertDialog alertDialog = builder.create();
        alertDialog.show();
    }

优化

点击按钮每一次都会创建一个新的对话框其实是没有必要的，对于这种没有必要每次创建的对话框，可以在一开始就创建好，然后点击时显示就可以了。

我们可以将第一个 简单 Dialog 改为：

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    private Button button;
    private AlertDialog dialog;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        button = findViewById(R.id.button);
        button.setOnClickListener(this);

        initDialog();
    }

    private void initDialog() {
        AlertDialog.Builder builder = new AlertDialog.Builder(this);
        ......

        //设置对话框是可取消的
        builder.setCancelable(true);
        dialog = builder.create();
    }

    @Override
    public void onClick(View v) {
        dialog.show();
    }
}

另外，​​builder.set​​方法是有返回值的，返回的就是 builder。因此创建 AlertDialog 也可以写成：

new AlertDialog.Builder(this)
                .setIcon(R.mipmap.ic_launcher)
                .setTitle("警告")
                .setMessage("你确定明天不来学校吗？")
                .setPositiveButton("确定", null)
                .setNeutralButton("随便", null)
                .setNegativeButton("取消", null)
                .setCancelable(false)
                .create()
                .show();

推荐写法

AlertDialog dialog = new AlertDialog.Builder(this)
                .setIcon(R.mipmap.ic_launcher)
                .setTitle("警告")
                .setMessage("你确定明天不来学校吗？")
                .setPositiveButton("确定", null)
                .setNeutralButton("随便", null)
                .setNegativeButton("取消", null)
                .setCancelable(false)
                .create();

        dialog.show();

可能遇到的问题

设置宽高、背景不管用

dialog 根布局已经设置了宽高背景，但是不起作用，可以在根布局再加一层 RelativeLayout，如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#A5000000"
    android:gravity="center">
    //在这中间写原来Dialog布局
    //根布局 RelativeLayout 背景是必须的，否则不起作用，不知为何
</RelativeLayout>

这样宽高、背景就都起作用了

如果只是想限定宽高，可以不加以上布局，直接在 dialog.show() 之后，加上以下代码设置宽高

Window window = alertDialog.getWindow();
            WindowManager.LayoutParams lp = window.getAttributes();
            lp.gravity = Gravity.CENTER;
            lp.width = (int) AppUtils.convertDpToPixel(320);//dp转px方法，自己写即可
            lp.height = WindowManager.LayoutParams.WRAP_CONTENT;
            alertDialog.getWindow().setAttributes(lp);

Demo源码下载

​​戳这里下载源码​​

举报

相关推荐

Android中AlertDialog的简单使用

android

【Android】AlertDialog写法

android安卓bundleide编程语言

Android中AlertDialog

移动开发androidxmlico编程语言

Android AlertDialog 详解

移动开发android进度条AndroidHarmonyOS后端开发

Android--AOSP中使用AlertDialog使用踩坑记录

elasticsearch大数据搜索引擎

unity 调用AlertDialog

unityandroid游戏引擎

Android中使用AlertDialog创建对话框

python

Android开发AlertDialog详解

androidxmlide系统/运维

Android UI设计：AlertDialog

androidideicoLinux系统/运维

AlertDialog.Builder用法

androidAlertDialog.Builder子类ico虚拟化云计算
0 条评论