Android实现底部半透明弹出框PopUpWindow效果_网络技术

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

发布时间 - 2026-01-11 02:16:51 点击率：次

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();<?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>
  } }); }

动画部分

进入时从最下方弹出到最上方

消失时从最上方向下移动直到隐藏

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

popup_in:

<?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>

pop_out:

<?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>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# Android # 弹出框 # PopUpWindow # Android studio实现PopupWindow弹出框效果 # Android使用popUpWindow带遮罩层的弹出框 # Android中自定义PopupWindow实现弹出框并带有动画效果 # Android使用popupWindow仿微信弹出框使用方法 # 弹出 # 具体内容 # 框中 # 大家多多 # 占满 # 最外层 # text # center # gravity # textSize # textColor # d4d4d # Facebook # sp # TextView # layout_weight # horizontal # popwindow_facebook # gif_more_facebook # drawablePadding

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：Android游戏开发入门：如何快速打造首款趣味小游戏？

下一篇：如何通过Golang日志提升Debian应用性能

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：Android游戏开发入门：如何快速打造首款趣味小游戏？

下一篇：如何通过Golang日志提升Debian应用性能