关于自定义Dialog那些事

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

binbinqq86

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

阅读量494

点赞数

分类专栏： Android开发文章标签： ios ui ui设计 dialog 对话框

本文链接：https://blog.youkuaiyun.com/binbinqq86/article/details/74120001

版权

Android开发专栏收录该内容

22 篇文章

订阅专栏

转载请注明出处：http://blog.youkuaiyun.com/binbinqq86/article/details/74120001

在做开发的过程中，经常会碰到各种各样的dialog，想要采用系统原生的懒省劲一下，可惜UI设计的五花八门，而且都是IOS风格，没办法，我们只能自己去发挥了（虽然目前Material风格的系统对话框看上去还不错了，但是仍旧满足不了设计师那奇葩的大脑，哈哈~）。下面以我自己写的一个为例子来说明，其实懂了这一个，千变万化也都是小菜一碟，看图：

这里写图片描述

怎么样，感觉还不错吧~一起来看看怎么实现的：

继承系统Dialog
编写style主题
自定义dialog布局

总共就这三步，无论UI怎么设计，都能轻易满足他们的口味。看代码，具体的注释都写在代码里：

package com.example.tianbin.mydialog;

import android.app.Dialog;
import android.content.Context;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.annotation.StyleRes;
import android.util.Log;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;

/**
 * Created by TianBin on 2017/6/30.
 */

public class MyDialog extends Dialog {
    private static final String TAG = "MyDialog";
    public MyDialog(@NonNull Context context) {
        this(context,R.style.MyDialog);
    }

    public MyDialog(@NonNull Context context, @StyleRes int themeResId) {
        super(context, themeResId);
        init(context);
    }

    private void init(Context mContext){

    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.my_dialog);
        setCanceledOnTouchOutside(false);
        setCancelable(true);
        findViewById(R.id.iv).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dismiss();
            }
        });

        Window win = getWindow();

        WindowManager.LayoutParams lp = win.getAttributes();

//        lp.width = WindowManager.LayoutParams.MATCH_PARENT;

//        lp.height = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,300,getContext().getResources().getDisplayMetrics());

        //设置背景半透明程度
        lp.dimAmount = 0.2f;

        win.setAttributes(lp);
        Log.e(TAG, "onCreate: "+lp.height);
    }
}

可以看到，上面构造函数里面传入了自己需要的主题，现在一般都是小清新的样式，我们来看看这个主题：

<!--自定义dialog背景全透明无边框theme -->
    <style name="MyDialog" parent="android:style/Theme.Dialog">
        <!--背景颜色及和透明程度-->
        <item name="android:windowBackground">@android:color/transparent</item>
        <!--是否去除标题 -->
        <item name="android:windowNoTitle">true</item>
        <!--是否去除边框-->
        <item name="android:windowFrame">@null</item>
        <!--是否浮现在activity之上-->
        <item name="android:windowIsFloating">true</item>
        <!-- 是否半透明 -->
        <item name="android:windowIsTranslucent">true</item>
        <!-- 背景是否模糊显示 ，如果为false则半透明效果消失-->
        <item name="android:backgroundDimEnabled">true</item>
    </style>

具体的注释都写在里面了，下面来看看最后一步：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:paddingLeft="40dp"
        android:paddingRight="40dp"
        android:gravity="center_horizontal"
        android:orientation="vertical">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:background="@drawable/bg"
            android:gravity="center_horizontal"
            android:orientation="vertical"
            android:padding="16dp">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@mipmap/ic_launcher" />

            <com.example.tianbin.mydialog.MyScrollView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="16dp">

                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:text="hd;kljasfhg;\n\n\n\\n\n\n\\n\n\n\n\n\n\n\n\\n\n\n\\n\n\n\n\n\n\n\\n\n\n\n\n\n\n\\n\n\n\n\n\n\n\\n\n\n\\n\n\n\\n\n\n\\n\n\n\\n\n\n\kgldfkgjfkldfjkdfkgjldfg"
                    />
            </com.example.tianbin.mydialog.MyScrollView>

        </LinearLayout>

        <ImageView
            android:id="@+id/iv"
            android:layout_marginTop="20dp"
            android:layout_width="wrap_content"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:layout_centerHorizontal="true"
            android:src="@android:drawable/ic_menu_close_clear_cancel" />
    </LinearLayout>

</RelativeLayout>