Android简单自定义Dialog样式

最新推荐文章于 2021-12-12 11:02:44 发布

RickyFM

最新推荐文章于 2021-12-12 11:02:44 发布

阅读量875

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Android实用实例文章标签：自定义Dialog Android

本文链接：https://blog.youkuaiyun.com/RickyFM/article/details/50830972

Android实用实例专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种简单的方法来自定义Android中的Dialog样式。通过使用LayoutInflater加载自定义布局文件并将其设置为Dialog的内容视图，可以轻松地调整对话框的外观。这种方法避免了为简单功能创建独立Activity的需要。

本文主要介绍一种简单的自定义Dialog样式的方法。

从实际开发的需求来说，当应用需要添加一些简单的信息的时候我们并不想单独再为这个功能开发一个独立的activity，大多数情况是使用对话框或者PopWindow的形式弹出浮窗供用户操作。

接下来介绍具体的实现过程，首先是自定义的一个布局文件用于替换Dialog窗体的主要内容

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <EditText
        android:id="@+id/edt_name"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_marginTop="5dp"
        android:paddingLeft="5dp"
        android:gravity="center_vertical"
        android:hint="please input appname"
        android:textSize="16dp"
        />
    <EditText
        android:id="@+id/edt_count"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_marginTop="5dp"
        android:paddingLeft="5dp"
        android:gravity="center_vertical"
        android:hint="please input appcount"
        android:textSize="16dp"
        />
    <EditText
        android:id="@+id/edt_password"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_marginTop="5dp"
        android:paddingLeft="5dp"
        android:gravity="center_vertical"
        android:hint="please input apppassword"
        android:textSize="16dp"
        />

</LinearLayout>

在相应的activity中需要通过LayoutInflater来获取自定义布局文件的视图对象

//获取自定义Dialog view的视图以及组件的实例
        mInflater = LayoutInflater.from(this);
        layoutView = (LinearLayout) mInflater.inflate(R.layout.view_dialog, null);
        edtName = (EditText) layoutView.findViewById(R.id.edt_name);
        edtCount = (EditText) layoutView.findViewById(R.id.edt_count);
        edtPassword = (EditText) layoutView.findViewById(R.id.edt_password);

然后将获取到的layoutView设置给Dialog

if (alertDialog == null) {
                    alertDialog = new AlertDialog.Builder(MainActivity.this).
                            setView(layoutView).setTitle("Add new appinfo").setPositiveButton("Add", new DialogInterface.OnClickListener() {
                        @Override
                        public void onClick(DialogInterface dialog, int which) {
                            User user = userDao.getUserById(uid);
                            AppInfo appInfo = new AppInfo(edtName.getText().toString(),
                                    edtCount.getText().toString(), edtPassword.getText().toString(), user);
                            appInfoDao.add(appInfo);
                            myAdapter.addItem(appInfo);
                            myAdapter.refresh();
                        }
                    }).setNegativeButton("Cancel", new DialogInterface.OnClickListener() {
                        @Override
                        public void onClick(DialogInterface dialog, int which) {

                        }
                    }).create();
                } else {
                    edtName.setText("");
                    edtCount.setText("");
                    edtPassword.setText("");
                    edtName.setHint("Please input appname");
                    edtCount.setHint("Please input appcount");
                    edtPassword.setHint("Please input apppassword");
                }
                alertDialog.show();

注意上面的代码中对alertDialog是否为空进行了判断，如果不判断的话每次都会创建新的Dialog，并给新的Dialog设置自定义的view，那么在Dialog dismiss之前或者当前的activity finish之前都必须手动去移除给Dialog设置的view，不然应用会报错。
因为只是为了实验和满足最原始的需求，并没有对UI样式优化，下图是最终实现的效果