Android实现底部半透明弹出框PopUpWindow

Android底部半透明弹出框PopUpWindow
layout布局:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#66fafafa"
    android:orientation="vertical">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="122dp"
        android:id="@+id/ll_popupwindow"
        android:background="#ffffff"
        android:layout_alignParentBottom="true"
        android:orientation="vertical"
        >
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="26dp"
        android:orientation="horizontal">

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:id="@+id/popwindow_facebook"
            android:drawableTop="@mipmap/gif_more_facebook"
            android:drawablePadding="12dp"
            android:gravity="center"
            android:text="Facebook"
            android:textColor="#4d4d4d"
            android:textSize="12sp" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:id="@+id/popwindow_whatsapp"
            android:drawableTop="@mipmap/gif_more_whatsapp"
            android:drawablePadding="12dp"
            android:gravity="center"
            android:text="WhatsApp"
            android:visibility="gone"
            android:textColor="#4d4d4d"
            android:textSize="12sp" />

        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:id="@+id/popwindow_report"
            android:drawableTop="@mipmap/gif_more_report"
            android:drawablePadding="12dp"
            android:gravity="center"
            android:text="Report"
            android:textColor="#4d4d4d"
            android:textSize="12sp" />

    </LinearLayout>

    </LinearLayout>

    </RelativeLayout>

布局示意:


代码部分:
/*
    * 在当前页面调用initPopUpWindow方法,底部弹出popUpWindow
    * 在popUpWindow的layout最外层布局设置android:background="#66fafafa" 半透明
    * */
    private void initPopUpWindow(View root, final String uuid, final String title){
        Log.d("click","init popopop");
        //inflate得到布局 ,底部弹出框的View
        final View popView = LayoutInflater.from(mContext).inflate(
                R.layout.layout_bottom_popwindow, null);
        View rootView = root; // 当前页面的根布局
        //创建popUpWindow对象 宽高占满页面
        final PopupWindow popupWindow = new PopupWindow(popView,
                WindowManager.LayoutParams.MATCH_PARENT, WindowManager.LayoutParams.MATCH_PARENT);
        popupWindow.setTouchable(true);
        // 设置弹出动画
        popupWindow.setAnimationStyle(R.style.anim_edit_text_popup);
        // 显示在根布局的底部
        popupWindow.showAtLocation(rootView, Gravity.BOTTOM | Gravity.LEFT, 0,
                0);
        //点击底部弹出框之外的部分让popUpWindow 消失
        popView.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                int height = popView.findViewById(R.id.ll_popupwindow).getTop();
                int y=(int) event.getY();
                if(event.getAction()==MotionEvent.ACTION_UP){
                    if(y<height){
                        popupWindow.dismiss();
                    }
                }
                return true;
            }
        });
        //弹出框中控件的点击事件
        TextView share_facebook= (TextView) popView.findViewById(R.id.popwindow_facebook);
        share_facebook.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                share_facebook(uuid,title);
                popupWindow.dismiss();
            }
        });

        final TextView share_whatsApp= (TextView) popView.findViewById(R.id.popwindow_whatsapp);
        boolean whatsappFound = CheckUtils.isAppInstalled(mContext, "com.whatsapp");
        if (whatsappFound) {
            share_whatsApp.setVisibility(View.VISIBLE);
            share_whatsApp.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    share_whatsapp(uuid,title);
                }
            });
        }

        TextView report= (TextView) popView.findViewById(R.id.popwindow_report);
        report.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent = new Intent(mContext, ReportActivity.class);

                intent.putExtra("fromch", true);

                intent.putExtra("tid", uuid);
                mContext.startActivity(intent);
                popupWindow.dismiss();
            }
        });
    }



动画部分:
<style name="anim_edit_text_popup">
        <item name="android:windowEnterAnimation">@anim/popup_in</item>
        <item name="android:windowExitAnimation">@anim/popup_out</item>
</style>


进入时从最下方弹出到最上方
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="100"
        android:fromYDelta="100.0%"
        android:toYDelta="0.0" />

</set>
消失时从最上方向下移动直到隐藏
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

<translate
    android:duration="100"
    android:fromYDelta="0.0"
    android:toYDelta="100%" />

</set>












  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值