前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android PopupWindow增加半透明蒙层

Android PopupWindow增加半透明蒙层

作者头像
砸漏
发布2020-11-04 15:59:17
1.7K0
发布2020-11-04 15:59:17
举报
文章被收录于专栏:恩蓝脚本

本文实例为大家分享了Android PopupWindow增加半透明蒙层的具体代码,供大家参考,具体内容如下

先看效果图:

实现代码:

BasePopupWindowWithMask.class

代码语言:javascript
复制
package com.example.popupwindowwithmask;
 
import android.content.Context;
import android.graphics.PixelFormat;
import android.graphics.drawable.ColorDrawable;
import android.os.IBinder;
import android.view.KeyEvent;
import android.view.View;
import android.view.WindowManager;
import android.widget.PopupWindow;
 
/**
 * Created by kk on 2017/7/22.
 */
 
public abstract class BasePopupWindowWithMask extends PopupWindow {
 protected Context context;
 private WindowManager windowManager;
 private View maskView;
 
 public BasePopupWindowWithMask(Context context) {
  super(context);
  this.context = context;
  windowManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);
  setContentView(initContentView());
  setHeight(initHeight());
  setWidth(initWidth());
  setOutsideTouchable(true);
  setFocusable(true);
  setTouchable(true);
  setBackgroundDrawable(new ColorDrawable());
 }
 
 protected abstract View initContentView();
 
 protected abstract int initHeight();
 
 protected abstract int initWidth();
 
 @Override
 public void showAsDropDown(View anchor) {
  addMask(anchor.getWindowToken());
  super.showAsDropDown(anchor);
 }
 
 private void addMask(IBinder token) {
  WindowManager.LayoutParams wl = new WindowManager.LayoutParams();
  wl.width = WindowManager.LayoutParams.MATCH_PARENT;
  wl.height = WindowManager.LayoutParams.MATCH_PARENT;
  wl.format = PixelFormat.TRANSLUCENT;//不设置这个弹出框的透明遮罩显示为黑色
  wl.type = WindowManager.LayoutParams.TYPE_APPLICATION_PANEL;//该Type描述的是形成的窗口的层级关系
  wl.token = token;//获取当前Activity中的View中的token,来依附Activity
  maskView = new View(context);
  maskView.setBackgroundColor(0x7f000000);
  maskView.setFitsSystemWindows(false);
  maskView.setOnKeyListener(new View.OnKeyListener() {
   @Override
   public boolean onKey(View v, int keyCode, KeyEvent event) {
    if (keyCode == KeyEvent.KEYCODE_BACK) {
     removeMask();
     return true;
    }
    return false;
   }
  });
  /**
   * 通过WindowManager的addView方法创建View,产生出来的View根据WindowManager.LayoutParams属性不同,效果也就不同了。
   * 比如创建系统顶级窗口,实现悬浮窗口效果!
   */
  windowManager.addView(maskView, wl);
 }
 
 private void removeMask() {
  if (null != maskView) {
   windowManager.removeViewImmediate(maskView);
   maskView = null;
  }
 }
 
 @Override
 public void dismiss() {
  removeMask();
  super.dismiss();
 }
}

TestPopupWindow.class

代码语言:javascript
复制
package com.example.popupwindowwithmask;
 
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.WindowManager;
 
/**
 * Created by kk on 2017/7/22.
 */
 
public class TestPopupWindow extends BasePopupWindowWithMask {
 private int[] mIds;
 private View contentView;
 private OnItemClickListener listener;
 
 public interface OnItemClickListener {
  void OnItemClick(View v);
 }
 
 public void setOnItemClickListener(OnItemClickListener listener) {
  this.listener = listener;
 }
 
 public TestPopupWindow(Context context, int[] mIds) {
  super(context);
  this.mIds = mIds;
 
  initListener();
 }
 
 @Override
 protected View initContentView() {
  contentView = LayoutInflater.from(context).inflate(R.layout.pop_layout, null, false);
  return contentView;
 }
 
 private void initListener() {
  for (int i = 0; i < mIds.length; i++) {
   contentView.findViewById(mIds[i]).setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
     if (null != listener) {
      listener.OnItemClick(v);
     }
     dismiss();
    }
   });
  }
 }
 @Override
 protected int initHeight() {
  return WindowManager.LayoutParams.WRAP_CONTENT;
 }
 @Override
 protected int initWidth() {
  return (int) (0.5 * UIUtils.getScreenWidth(context));
 }
}

MainActivity.class

代码语言:javascript
复制
package com.example.popupwindowwithmask;
 
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.TextView;
import android.widget.Toast;
 
public class MainActivity extends AppCompatActivity {
 private TextView textView;
 
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  textView = (TextView) findViewById(R.id.tv_popup);
 
 
  final TestPopupWindow testPopupWindow = new TestPopupWindow(this, new int[]{R.id.pop_location, R.id.pop_group, R.id.pop_list});
 
  textView.setOnClickListener(new View.OnClickListener() {
   @Override
   public void onClick(View v) {
    testPopupWindow.showAsDropDown(textView);
   }
  });
 
  testPopupWindow.setOnItemClickListener(new TestPopupWindow.OnItemClickListener() {
   @Override
   public void OnItemClick(View v) {
    switch (v.getId()) {
     case R.id.pop_location:
      Toast.makeText(MainActivity.this, "地址", Toast.LENGTH_SHORT).show();
      break;
     case R.id.pop_group:
      Toast.makeText(MainActivity.this, "分组", Toast.LENGTH_SHORT).show();
      break;
     case R.id.pop_list:
      Toast.makeText(MainActivity.this, "清单", Toast.LENGTH_SHORT).show();
      break;
    }
   }
  });
 }
}

pop_layout.xml

代码语言:javascript
复制
<?xml version="1.0" encoding="utf-8"? 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content" 
 
 <RelativeLayout
  android:layout_width="wrap_content"
  android:layout_height="wrap_content" 
 
  <RelativeLayout
   android:id="@+id/rl_indicator"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:gravity="center_horizontal" 
 
   <ImageView
    android:layout_width="wrap_content"
    android:layout_height="12dp"
    android:scaleType="fitCenter"
    android:src="@drawable/filter_arrow_up" / 
  </RelativeLayout 
 
  <LinearLayout
   android:layout_width="wrap_content"
   android:layout_height="150dp"
   android:layout_below="@+id/rl_indicator"
   android:background="@drawable/pop_background"
   android:gravity="center_horizontal"
   android:orientation="vertical"
   android:paddingLeft="15dp"
   android:paddingRight="15dp" 
 
   <TextView
    android:id="@+id/pop_location"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:drawableLeft="@mipmap/fault_equipment_location_icon"
    android:drawablePadding="12dp"
    android:gravity="center_vertical"
    android:text="地址"
    android:textColor="#000"
    android:textSize="16sp" / 
 
   <View
    android:layout_width="match_parent"
    android:layout_height="0.3dp"
    android:background="#D2D2D2" / 
 
   <TextView
    android:id="@+id/pop_group"
    android:layout_width="match_parent"
    android:layout_height="0dp"
 
    android:layout_weight="1"
    android:drawableLeft="@mipmap/fault_equipment_grouping_icon"
    android:drawablePadding="12dp"
    android:gravity="center_vertical"
    android:text="分组"
    android:textColor="#000"
    android:textSize="16sp" / 
 
   <View
    android:layout_width="match_parent"
    android:layout_height="0.3dp"
    android:background="#D2D2D2" / 
 
   <TextView
    android:id="@+id/pop_list"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:drawableLeft="@mipmap/fault_equipment_list_icon"
    android:drawablePadding="12dp"
    android:gravity="center_vertical"
    android:text="清单"
    android:textColor="#000"
    android:textSize="16sp" / 
 
  </LinearLayout 
 </RelativeLayout 
</RelativeLayout 

pop_background.xml

代码语言:javascript
复制
<?xml version="1.0" encoding="utf-8"? 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
 <solid android:color="#ffffff" / 
 <corners
  android:radius="5dp" / 
</shape 

UIUtils.class

代码语言:javascript
复制
package com.example.popupwindowwithmask;
 
import android.content.Context;
 
/**
 * Created by kk on 2017/7/22.
 */
 
public class UIUtils {
 /**
  * 获得屏幕宽度
  *
  * @param context
  * @return
  */
 public static int getScreenWidth(Context context) {
  return context.getResources().getDisplayMetrics().widthPixels;
 }
 
 /**
  * 获得屏幕高度
  *
  * @param context
  * @return
  */
 public static int getScreenHeight(Context context) {
  return context.getResources().getDisplayMetrics().heightPixels;
 }
 
}

源码:下载地址

参考资料:

链接1

链接2

以上就是本文的全部内容,希望对大家的学习有所帮助。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-09-11 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档