您的位置: 首页  >  文章  >  android两种方式带你实现自定义dialog

android两种方式带你实现自定义dialog

分类: 文章 • 2023-11-27 17:21:52

android系统提供了强大的api给开发者使用，但是系统的dialog确实一直不太美观，所以很多情况下都需要自定义dialog，今天就用两种不同的方式来实现自定义dialog相同的效果。

首先给大家两种不同方式实现的相同的dialog效果图：

android两种方式带你实现自定义dialog

android两种方式带你实现自定义dialog

首页放了两个按钮，分别点击按钮弹出不同的实现方法。第一张是通过继承自dialog实现，第二张是通过继承自PopupWindow实现，接下来就看实现代码。

1、首页布局

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/dialog"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="自定义dialog"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/pop"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="自定义pop"
        android:layout_marginLeft="20dp"
        app:layout_constraintLeft_toRightOf="@id/dialog"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>

2、MainActitity

package com.dialog.demo;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {
    private Button dialog,pop;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        dialog = findViewById(R.id.dialog);
        pop = findViewById(R.id.pop);
        dialog.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                CustomDialog dialog = new CustomDialog(MainActivity.this);
                dialog.show();
            }
        });
        pop.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                CustomPop pop = new CustomPop(MainActivity.this);
                pop.showAtLocation(getLayoutInflater().inflate(R.layout.activity_main,null), Gravity.CENTER, 0, 0);
            }
        });
    }
}

以上代码都很简单，就不在一一讲解。

3、下面看CustomDialog和CustomPop实现：

1)、CustomDialog继承自dialog，实现如下：

package com.dialog.demo;

import android.app.Dialog;
import android.content.Context;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.util.DisplayMetrics;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;

public class CustomDialog extends Dialog {
    private Context mContext;
    public CustomDialog(@NonNull Context context) {
        super(context);
        mContext = context;
    }

    public CustomDialog(@NonNull Context context, int themeResId) {
        super(context, themeResId);
        mContext = context;
    }

    public CustomDialog(@NonNull Context context, boolean cancelable, @Nullable OnCancelListener cancelListener) {
        super(context, cancelable, cancelListener);
        mContext = context;
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        LayoutInflater inflater = getLayoutInflater();
        View view = inflater.inflate(R.layout.dialog_layout,null);
        setContentView(view);
        DisplayMetrics d = mContext.getResources().getDisplayMetrics(); // 获取屏幕宽、高用
        WindowManager.LayoutParams lp = getWindow().getAttributes();
        lp.width = (int) (d.widthPixels * 0.8);
        lp.gravity = Gravity.CENTER;
        getWindow().setAttributes(lp);

    }
}

代码相对来说也比较简单，实现了构造方法，然后在oncreate中加载自定义的布局，设置宽度等。

2)、继承自PopupWindow实现如下：

package com.dialog.demo;

import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.ColorDrawable;
import android.util.DisplayMetrics;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.WindowManager;
import android.widget.PopupWindow;

public class CustomPop extends PopupWindow {
    private Context mContext;
    public CustomPop(Context context){
        this.mContext = context;
        LayoutInflater inflater = ((Activity)mContext).getLayoutInflater();
        View view = inflater.inflate(R.layout.dialog_layout,null);
        setContentView(view);
        DisplayMetrics d = mContext.getResources().getDisplayMetrics(); // 获取屏幕宽、高用
        setWidth((int)(d.widthPixels*0.8));
        setHeight(-2);
        //设置是否可以响应触摸事件，包括窗体本身和窗体外
        setTouchable(true);
        //设置是否可以响应窗体外触摸事件，必须设置setBackgroundDrawable方法才能起作用
        setOutsideTouchable(true);
        //设置是否获取焦点，一般不需要用到这个属性，在pop中有EditText时需要获取焦点来弹出软键盘
        setFocusable(true);
        //设置此项，返回按钮可以关闭窗体，setOutsideTouchable后可以点击窗体外使其消失
        setBackgroundDrawable(new ColorDrawable(mContext.getResources().getColor(R.color.white)));
        WindowManager.LayoutParams lp = ((Activity)mContext).getWindow().getAttributes();
        lp.alpha = 0.5f;//弹出时改变窗体背景，模仿遮罩效果
        lp.gravity = Gravity.CENTER;
        ((Activity)mContext).getWindow().setAttributes(lp);
    }

    @Override
    public void dismiss() {
        super.dismiss();
        //dismiss时窗体背景恢复正常
        WindowManager.LayoutParams lp = ((Activity)mContext).getWindow().getAttributes();
        lp.alpha = 1.0f;
        ((Activity)mContext).getWindow().setAttributes(lp);
    }
}

直接在构造方法中加载自定义布局，设置各项参数，可以参考注释。需要注意的是setBackgroundDrawable这个方法设置之后才能使setOutsideTouchable生效，并且pop能响应返回键事件。

4、最后是自定的布局文件，布局很简单，用作演示，具体布局可以更换成自己需要的布局。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="0dp"
    android:layout_height="wrap_content">


    <TextView
        android:id="@+id/title"
        android:layout_marginTop="10dp"
        android:layout_width="wrap_content"
        android:layout_height="40dp"
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        android:text="标题"
        android:layout_gravity="center"
        android:gravity="center_vertical"
        android:textSize="16sp"/>

    <TextView
        android:id="@+id/content"
        android:layout_marginTop="10dp"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:paddingLeft="10dp"
        android:paddingRight="10dp"
        android:gravity="center_vertical"
        android:text="内容"
        android:textSize="16sp"/>

    <Button
        android:id="@+id/query"
        android:text="确定"
        android:layout_marginTop="30dp"
        android:layout_gravity="center_horizontal"
        android:layout_width="200dp"
        android:layout_height="45dp" />


</LinearLayout>

文章到这里就结束了，感谢你这么帅还能看到最后。

另外，有关PopupWindow的使用姿势，可以参考启舰大神的博客。

相关推荐