Android 实现点击在当前位置上方显示自定义弹框

479 阅读1分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

在开发Android项目的过程中,弹出框真的是我们的常见的一种互动式窗体,但是Android系统自带的弹出框往往都不能满足我们的需要,下面是当我们点击时在当前位置上方显示自定义弹框

  • popWindow 也可以实现 这里有篇参考文档

  • 本文写的弹框,Android实现点击某个按钮,在点击的上方显示弹框

  • 用的是TextView的点击事件

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

  • 布局

 <TextView
        android:id="@+id/text"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:textSize="30dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="圣诞快乐"
        android:textColor="@color/purple_200"
        />
  • 处理

        TextView tv=findViewById(R.id.text);
//        点击事件
        tv.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                showPopWindows(view);
            }
        });


//写一个方法
        private void showPopWindows(View v) {
            /** pop view */
            View mPopView = LayoutInflater.from(this).inflate(R.layout.item, null);
            final PopupWindow mPopWindow = new PopupWindow(mPopView, ViewGroup.LayoutParams.WRAP_CONTENT,
                    ViewGroup.LayoutParams.WRAP_CONTENT, true);
            /** set */
            mPopWindow.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
            /** 这个很重要 ,获取弹窗的长宽度 */
            mPopView.measure(View.MeasureSpec.UNSPECIFIED, View.MeasureSpec.UNSPECIFIED);
            int popupWidth = mPopView.getMeasuredWidth();
            int popupHeight = mPopView.getMeasuredHeight();
            /** 获取父控件的位置 */
            int[] location = new int[2];
            v.getLocationOnScreen(location);
            /** 显示位置 */
            mPopWindow.showAtLocation(v, Gravity.NO_GRAVITY, (location[0] + v.getWidth() / 2) - popupWidth / 2, location[1]
                    - popupHeight);
            mPopWindow.update();
            final String copyTxt = (String) v.getTag();
            mPopView.findViewById(R.id.tv_copy_txt).setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    if (mPopWindow != null) {
                        mPopWindow.dismiss();
                    }
                }
            });
    }
  • item布局

android:background="@drawable/aa 自己随便给背景图

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/aa"
    >
    <TextView
        android:id="@+id/tv_copy_txt"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:gravity="center"
        android:text="圣诞快乐呀"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:textColor="@android:color/holo_red_dark"
        android:textSize="12sp" />
</RelativeLayout>