Android自定义popWindow教程

俗话说没有图说话不硬气!
上图:
这里写图片描述

说明:演示图最底部的一个红色区域是我在布局文件中添加的.主要是为了说明自定义popWindow的自下而上弹出时,会将原来的根布局进行遮盖,而不是将布局顶上去.了解一下

popWindow在android中的使用其实很常见.本文就带领你无自定义一个popWindow.

自定义popWindow类:

public class CustomPopWindow extends PopupWindow {
    private static final String TAG = "CustomPopWindow";
    private final View view;
    private Activity context;
    private View.OnClickListener itemClick;

    public CustomPopWindow(Activity context, View.OnClickListener itemClick) {
        super(context);
        LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        view = inflater.inflate(R.layout.widget_popupwindow, null);//alt+ctrl+f
        this.itemClick = itemClick;
        this.context = context;
        initView();
        initPopWindow();
    }


    private void initView() {
        final LinearLayout popBg = view.findViewById(R.id.pop_bg);
        LinearLayout weChatShare = view.findViewById(R.id.ll_wechat_share);
        LinearLayout weChatZone = view.findViewById(R.id.ll_wechat_zone);
        LinearLayout qqShare = view.findViewById(R.id.ll_qq_share);
        LinearLayout qqZone = view.findViewById(R.id.ll_qq_zone);
        TextView cancelTv = view.findViewById(R.id.share_cancel);

        weChatShare.setOnClickListener(itemClick);
        weChatZone.setOnClickListener(itemClick);
        qqShare.setOnClickListener(itemClick);
        qqZone.setOnClickListener(itemClick);
        cancelTv.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dismiss();
            }
        });

    }

    private void initPopWindow() {
        this.setContentView(view);
        // 设置弹出窗体的宽
        this.setWidth(LayoutParams.MATCH_PARENT);
        // 设置弹出窗体的高
        this.setHeight(LayoutParams.WRAP_CONTENT);
        // 设置弹出窗体可点击()
        this.setFocusable(true);
        this.setOutsideTouchable(true);
        //设置SelectPicPopupWindow弹出窗体动画效果
        this.setAnimationStyle(R.style.mypopwindow_anim_style);
        // 实例化一个ColorDrawable颜色为半透明
        ColorDrawable dw = new ColorDrawable(0x00FFFFFF);
        //设置弹出窗体的背景
        this.setBackgroundDrawable(dw);
        backgroundAlpha(context, 0.5f);//0.0-1.0
    }

    /**
     * 设置添加屏幕的背景透明度(值越大,透明度越高)
     *
     * @param bgAlpha
     */
    public void backgroundAlpha(Activity context, float bgAlpha) {
        WindowManager.LayoutParams lp = context.getWindow().getAttributes();
        lp.alpha = bgAlpha;
        context.getWindow().addFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND);
        context.getWindow().setAttributes(lp);
    }
}

代码很简单,都能看懂.有几个点需要强调下:

(1).记得添加:

  ColorDrawable dw = new ColorDrawable(0x00FFFFFF);
 //设置弹出窗体的背景
  this.setBackgroundDrawable(dw);

你就记得这玩意是标配,自定义popwindow必须添加这个,不然有可能造成点击外围不消失的情况.

(2).如果你想使得自定义popWindow,点击外围区域可以dismiss掉.记得设置:

 this.setFocusable(true);
 this.setOutsideTouchable(true);

有点尴尬的是,我把 this.setOutsideTouchable(true);改成 this.setOutsideTouchable(false);也能实现点击外围消失的效果.尴尬,至于为什么我也不太清楚.反正加上就对了.

(3).还有一个需要注意的点就是.编写自定义布局的时候,记得待显示的区域尽可能从上而下布局.可能有点难理理解.但是我就遇到了这个问题.编写自定义布局的时候,将待显示的popwindow区域.通过 android:layout_alignParentBottom=”true”置于底部.结果弹出来之后.点击外围区域,始终无法dismiss掉.你就记住一点如果各种情况都试了,点击popWindow外围依然无法dismiss掉,这个时候你记得关注你的自定义布局(有关系).

(4).正如演示效果一样,在popwindow弹出之后,背景变暗.点击外围popWindow消失之后,背景恢复成原来的透明度.
这里是如何设置点击外围区域的监听事件的呢?很简单,popWindow本身就有可以对当前状态(是否dismiss)进行监听的接口,如下:

 mPopwindow.setOnDismissListener(new PopupWindow.OnDismissListener() {
                    @Override
                    public void onDismiss() {
                        mPopwindow.backgroundAlpha(MainActivity.this, 1f);
                    }
                });

(5).给popwindow添加动画动画效果,通过:

  //设置SelectPicPopupWindow弹出窗体动画效果
  this.setAnimationStyle(R.style.mypopwindow_anim_style);

问题来了,mypopwindow_anim_style怎么来的呢?

首先,在res下新建anim资源文件夹.
然后在anim中添加弹出/隐藏动画文件.如下所示:
pop弹出动画:popshow_anim.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="250"
        android:fromYDelta="100%p"
        android:toYDelta="0" />

    <alpha
        android:duration="250"
        android:fromAlpha="0.0"
        android:toAlpha="1.0" />
</set>

pop隐藏时动画:pophidden_anim.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">

    <translate
        android:duration="250"
        android:fromYDelta="0"
        android:toYDelta="50%p" />

    <alpha
        android:duration="250"
        android:fromAlpha="1.0"
        android:toAlpha="0.0" />
</set>

最后,在style.xml中添加:

 <!--  这个是加入的发现模块弹出评论的动画样式 代码 -->
    <style name="mypopwindow_anim_style">
    <item name="android:windowEnterAnimation">@anim/popshow_anim</item>
    <!-- 指定显示的动画xml -->
    <item name="android:windowExitAnimation">@anim/pophidden_anim</item>
    <!-- 指定消失的动画xml -->
    </style>

OK,动画添加完毕.

自定义popWindow类有了,如何使用呢?

下面贴出主程序:
MainActivity.java

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    private static final String TAG = "MainActivity";

    private CustomPopWindow mPopwindow;
    private RelativeLayout activityMain;


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



    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        float x = ev.getX();
        float y = ev.getY();
        Log.i(TAG, "onTouchEvent: x::"+x+" y::"+y+" return value::"+super.dispatchTouchEvent(ev));
        return super.dispatchTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {

        return super.onTouchEvent(event);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.share://使用popWindow
                mPopwindow = new CustomPopWindow(MainActivity.this, itemsOnClick);
                mPopwindow.showAtLocation(v,
                        Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL, 0, 0);
                mPopwindow.setOnDismissListener(new PopupWindow.OnDismissListener() {
                    @Override
                    public void onDismiss() {
                        mPopwindow.backgroundAlpha(MainActivity.this, 1f);
                    }
                });
                break;
            default:
                break;
        }
    }


    //为弹出窗口实现监听类
    private View.OnClickListener itemsOnClick = new View.OnClickListener() {

        public void onClick(View v) {
            mPopwindow.dismiss();
            switch (v.getId()) {
                case R.id.ll_wechat_share:
                    Toast.makeText(MainActivity.this, "微信好友", Toast.LENGTH_SHORT).show();
                    break;
                case R.id.ll_wechat_zone:
                    Toast.makeText(MainActivity.this, "朋友圈", Toast.LENGTH_SHORT).show();
                    break;
                case R.id.ll_qq_share:
                    Toast.makeText(MainActivity.this, "QQ好友", Toast.LENGTH_SHORT).show();
                    break;
                case R.id.ll_qq_zone:
                    Toast.makeText(MainActivity.this, "QQ空间", Toast.LENGTH_SHORT).show();
                    break;
                default:
                    break;
            }
        }

    };

}

代码中已经添加了注释,此处不再赘述.

至此,自定义popWindow完结,小伙伴如有问题,请留言.

附上demo示例:https://download.csdn.net/download/zhangqunshuai/10506048