通用的popupwindow底部弹出框

Posted 2020-10-04

   前段时间做项目的时候,有几个底部弹出框,当时因为忙着赶进度所有就单独写了好几个popupwindow.后来就想着怎么实现一个通用的PopupWindow工具类

就是在要用到的时候创建该工具类的对象,并传入相应的框体布局,就可以实现了.

先看看效果,下面的两是调用同一个PopupWindowUtils创建的:

     

ok,先看看popupWindow的具体实现

import android.app.Activity;
import android.graphics.drawable.ColorDrawable;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.PopupWindow;

/**
 * Created by 95 on 2017/8/22.
 */

public class PopupWindowUtils extends View implements View.OnTouchListener{
    private Activity mContext;
    private int mXml;
    public View mMenuView;
    public PopupWindow popupWindow;

    public PopupWindowUtils(Activity mContext, int mXml) {
        super(mContext);
        this.mContext = mContext;
        this.mXml = mXml;
        newPopu();
    }
//创建popupWinow对象
    private void newPopu() {
        LayoutInflater inflater = LayoutInflater.from(mContext);
        mMenuView = inflater.inflate(mXml, null);
        popupWindow = new PopupWindow(mMenuView, ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT, true);

        popupWindow.setAnimationStyle(R.style.popwin_anim_style);//弹出,关闭动画
        ColorDrawable dw = new ColorDrawable(mContext.getResources().getColor(R.color.btn));//popupWindow的背景设置为透明
        popupWindow.setBackgroundDrawable(dw);
        //popupWindow 的取消监听当dismiss()被调用的时候发生
        popupWindow.setOnDismissListener(new PopupWindow.OnDismissListener() {
            @Override
            public void onDismiss() {
              background(1f);
            }
        });
        //触摸监听
        mMenuView.setOnTouchListener(this);
    }
//popupWindow状态改变的时候修改整体背景
    private void background(float mfloat) {
        WindowManager.LayoutParams lp = mContext.getWindow().getAttributes();
        lp.alpha = mfloat;
        mContext.getWindow().setAttributes(lp);
        mContext.getWindow().addFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND);
    }

    //触摸关闭
    @Override
    public boolean onTouch(View v, MotionEvent event) {
        int height = mMenuView.getHeight();
        int y = (int) event.getY();
        if (event.getAction() == MotionEvent.ACTION_UP) {
            if (y < height) {
                popupWindow.dismiss();
            }
        }
        return true;
    }

    //弹出
    public void show() {
        background(0.5f);
        View rootView = ((ViewGroup) mContext.findViewById(android.R.id.content)).getChildAt(0);
        popupWindow.showAtLocation(rootView, Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL, 0, 0);
    }
//外部调用关闭
    public void dismiss() {
        popupWindow.dismiss();
    }
}

弹出,关闭的动画

在style.xml添加

 <style name="popwin_anim_style">
        <item name="android:windowEnterAnimation">@anim/ppwindow_show_anim</item>
        <item name="android:windowExitAnimation">@anim/ppwindow_hide_anim</item>
    </style>　　

并创建anim文件和动画

1.开启

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="300"
        android:fromXDelta="0"
        android:toXDelta="0"
        android:fromYDelta="200"
        android:toYDelta="0"
        />
    <alpha
        android:duration="300"
        android:fromAlpha="0"
        android:toAlpha="1"
        />
</set>

2.关闭

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="300"
        android:fromXDelta="0"
        android:toXDelta="0"
        android:fromYDelta="0"
        android:toYDelta="200"
        />
    <alpha
        android:duration="300"
        android:fromAlpha="1"
        android:toAlpha="0"
        />
</set>

popupWindow的背景设置为透明

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="#00000000"/>
</selector>

ok,popupWindowUtils就完成了,现在就该调用了

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

public class MainActivity extends AppCompatActivity implements View.OnClickListener{

    private PopupWindowUtils popup;
    private PopupWindowUtils popup2;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        findViewById(R.id.button1).setOnClickListener(this);
        findViewById(R.id.button2).setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.button1://创建第一个
                popup = new PopupWindowUtils(this, R.layout.activity_popu1);
                popup.mMenuView.findViewById(R.id.popupbtn1).setOnClickListener(this);
                popup.mMenuView.findViewById(R.id.popupbtn2).setOnClickListener(this);
                popup.mMenuView.findViewById(R.id.popupbtn3).setOnClickListener(this);
                popup.show();//弹出
                break;
            case R.id.button2://创建第二个
                popup2 = new PopupWindowUtils(this, R.layout.activity_popu2);
                popup2.mMenuView.findViewById(R.id.popup2btn1).setOnClickListener(this);
                popup2.mMenuView.findViewById(R.id.popup2btn2).setOnClickListener(this);
                popup2.mMenuView.findViewById(R.id.popup2btn3).setOnClickListener(this);
                popup2.mMenuView.findViewById(R.id.popup2btn4).setOnClickListener(this);
                popup2.show();//弹出
                break;
            //------------------第一个的使用-----------------
            case R.id.popupbtn1:
                Toast.makeText(MainActivity.this, "相机", Toast.LENGTH_LONG).show();
                break;
            case R.id.popupbtn2:
                Toast.makeText(MainActivity.this, "相册", Toast.LENGTH_LONG).show();
                break;
            case R.id.popupbtn3:
                Toast.makeText(MainActivity.this, "退出", Toast.LENGTH_LONG).show();
                popup.dismiss();//关闭
                break;
            //--------------------第二个的使用-----------------
            case R.id.popup2btn1:
                Toast.makeText(MainActivity.this,"popup2打电话",Toast.LENGTH_LONG).show();
                break;
            case R.id.popup2btn2:
                Toast.makeText(MainActivity.this,"popup2发短信",Toast.LENGTH_LONG).show();
                break;
            case R.id.popup2btn3:
                Toast.makeText(MainActivity.this,"popup2发邮件",Toast.LENGTH_LONG).show();
                break;
            case R.id.popup2btn4:
                Toast.makeText(MainActivity.this,"popup2退出",Toast.LENGTH_LONG).show();
                popup2.dismiss();//关闭
                break;
        }
    }

}

MainActivity的布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="map.com.mypopupwindow.MainActivity">

    <Button
        android:id="@+id/button1"
        android:layout_margin="20dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="获取图片" />
    <Button
        android:layout_below="@+id/button1"
        android:id="@+id/button2"
        android:layout_margin="20dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="联系方式" />
</RelativeLayout>

popup1布局

<?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:background="#00000000"
    android:orientation="vertical">

    <LinearLayout

        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#00000000"
        android:gravity="center"
        android:orientation="vertical">

        <Button
            android:clickable="true"
            android:id="@+id/popupbtn1"
            android:layout_width="250dp"
            android:layout_height="40dp"
            android:layout_marginTop="20dp"
            android:background="@drawable/btn"
            android:text="相机" />

        <Button
            android:id="@+id/popupbtn2"
            android:layout_width="250dp"
            android:layout_height="40dp"
            android:layout_marginTop="10dp"
            android:background="@drawable/btn"
            android:text="相册" />

        <Button
            android:id="@+id/popupbtn3"
            android:layout_width="250dp"
            android:layout_height="40dp"
            android:layout_marginTop="20dp"
            android:background="@drawable/btn"
            android:text="取消" />
    </LinearLayout>
</LinearLayout>

popup2布局

<?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">
<LinearLayout
    android:layout_gravity="center"
    android:orientation="vertical"
    android:gravity="center"
    android:layout_width="300dp"
    android:layout_height="wrap_content">
    <Button
        android:id="@+id/popup2btn1"
        android:layout_marginTop="2dp"
        android:text="打电话"
        android:background="#ffffff"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
    <Button
        android:id="@+id/popup2btn2"
        android:layout_marginTop="2dp"
        android:text="发短信"
        android:background="#ffffff"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
    <Button
        android:id="@+id/popup2btn3"
        android:layout_marginTop="2dp"
        android:text="发邮件"
        android:background="#ffffff"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <Button
        android:id="@+id/popup2btn4"
        android:layout_marginTop="20dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#ffffff"
        android:text="取消" />

</LinearLayout>
</LinearLayout>

ok.所有代码都在这了,

使用的话直接使用popupWindowUtils就可以了