自定义PopupWindow并且设置背景色变暗的2种方法（蒙层效果）

最新推荐文章于 2025-09-23 11:06:10 发布
原创 最新推荐文章于 2025-09-23 11:06:10 发布 · 5.3k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#PopupWindow


public class MainActivity extends Activity {

private Context context;
private TextView tv, tv_1, tv_2, tv_3;
private PopupWindow mPopupWindow;
private RelativeLayout rl_out;


@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
context = this;
initview();
}


private void initview() {
// TODO Auto-generated method stub
tv = (TextView) findViewById(R.id.tv);
rl_out= (RelativeLayout) findViewById(R.id.rl_out);


tv.setOnClickListener(new OnClickListener() {


@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
// Toast.makeText(context, "tv", 0).show();
showPopUp1();
//showPopUp2();


}
});


}


protected void showPopUp2() {
// TODO Auto-generated method stub
if (mPopupWindow != null && mPopupWindow.isShowing()) {
mPopupWindow.dismiss();
mPopupWindow = null;
rl_out.setVisibility(View.GONE);
return;
}
if (mPopupWindow == null) {
View localView = getLayoutInflater().inflate(
R.layout.pop_menu_dialog, null);
mPopupWindow = new PopupWindow(localView, 200,
LayoutParams.WRAP_CONTENT);
// LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
mPopupWindow.setAnimationStyle(R.style.PopupWindowAnimation);
//在PopupWindow里面就加上下面代码，让键盘弹出时，不会挡住pop窗口。
mPopupWindow.setInputMethodMode(PopupWindow.INPUT_METHOD_NEEDED);
mPopupWindow.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);  

mPopupWindow.setFocusable(true);
mPopupWindow.setOutsideTouchable(true);
mPopupWindow.setBackgroundDrawable(new BitmapDrawable());
mPopupWindow.setOnDismissListener(new OnDismissListener() {

@Override
public void onDismiss() {
// TODO Auto-generated method stub
rl_out.setVisibility(View.GONE);
}
});


tv_1 = (TextView) localView.findViewById(R.id.tv_1);
tv_2 = (TextView) localView.findViewById(R.id.tv_2);
tv_3 = (TextView) localView.findViewById(R.id.tv_3);
tv_1.setOnClickListener(new OnClickListener() {


@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Toast.makeText(context, "登录", 0).show();
mPopupWindow.dismiss();

}
});
tv_2.setOnClickListener(new OnClickListener() {


@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Toast.makeText(context, "注册", 0).show();
mPopupWindow.dismiss();

}
});
tv_3.setOnClickListener(new OnClickListener() {


@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Toast.makeText(context, "取消", 0).show();
mPopupWindow.dismiss();

}
});
}
mPopupWindow.showAsDropDown(tv, 0, 0);
rl_out.setVisibility(View.VISIBLE);
}


protected void showPopUp1() {
// TODO Auto-generated method stub
if (mPopupWindow != null && mPopupWindow.isShowing()) {
mPopupWindow.dismiss();
mPopupWindow = null;
return;
}
if (mPopupWindow == null) {
View localView = getLayoutInflater().inflate(
R.layout.pop_menu_dialog, null);
mPopupWindow = new PopupWindow(localView, 200,
LayoutParams.WRAP_CONTENT);
mPopupWindow.setAnimationStyle(R.style.PopupWindowAnimation);
//在PopupWindow里面就加上下面代码，让键盘弹出时，不会挡住pop窗口。
mPopupWindow.setInputMethodMode(PopupWindow.INPUT_METHOD_NEEDED);
mPopupWindow.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);  

mPopupWindow.setFocusable(true);
mPopupWindow.setOutsideTouchable(true);
mPopupWindow.setBackgroundDrawable(new BitmapDrawable());

mPopupWindow.setOnDismissListener(new OnDismissListener() {

@Override
public void onDismiss() {
// TODO Auto-generated method stub
backgroundAlpha(1f);
}
});

tv_1 = (TextView) localView.findViewById(R.id.tv_1);
tv_2 = (TextView) localView.findViewById(R.id.tv_2);
tv_3 = (TextView) localView.findViewById(R.id.tv_3);
tv_1.setOnClickListener(new OnClickListener() {


@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Toast.makeText(context, "登录", 0).show();
mPopupWindow.dismiss();

}
});
tv_2.setOnClickListener(new OnClickListener() {


@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Toast.makeText(context, "注册", 0).show();
mPopupWindow.dismiss();

}
});
tv_3.setOnClickListener(new OnClickListener() {


@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
Toast.makeText(context, "取消", 0).show();
mPopupWindow.dismiss();

}
});



}
mPopupWindow.showAsDropDown(tv, 0, 0);
//mPopupWindow.showAtLocation(rl_out, Gravity.CENTER_HORIZONTAL|Gravity.BOTTOM, 150, 50);//后面2个参数为x和y的偏移
backgroundAlpha(0.4f);
}

public void backgroundAlpha(float bgAlpha)  
    {  
        WindowManager.LayoutParams lp = getWindow().getAttributes();  
        lp.alpha = bgAlpha; //0.0-1.0  
        getWindow().setAttributes(lp);  
    }  

}

隐藏动画：

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


    <scale
        android:duration="100"
        android:fillAfter="false"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:interpolator="@android:anim/accelerate_interpolator"
        android:pivotX="50%"
        android:pivotY="0%"
        android:toXScale="1.0"
        android:toYScale="0.0" >
    </scale>
</set>

显示动画：

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


    <scale
        android:duration="100"
        android:fillAfter="false"
        android:fromXScale="1.0"
        android:fromYScale="0.0"
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:pivotX="50%"
        android:pivotY="0%"
        android:toXScale="1.0"
        android:toYScale="1.0" >
    </scale>
</set>


主界面布局文件：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"   
    tools:context=".MainActivity" >


    <RelativeLayout
        android:id="@+id/rl_out"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:visibility="gone"
        android:background="#78000000" >
    </RelativeLayout>


    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:background="#0000ff"
        android:clickable="true"
        android:padding="10dip"
        android:text="@string/hello_world"
        android:textColor="#ffffff" />


    <EditText
        android:id="@+id/editText1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@+id/tv"
        android:layout_alignParentLeft="true"
        android:layout_toLeftOf="@+id/tv"
        android:ems="10"
        android:inputType="textPersonName" >


        <requestFocus />
    </EditText>


</RelativeLayout>


pop窗口布局文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="200dip"
    android:layout_height="wrap_content"
    android:background="@drawable/title_function_bg"
    android:orientation="vertical" >


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical" >


        <TextView
            android:id="@+id/tv_1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:paddingBottom="8dp"
            android:paddingTop="8dp"
            android:text="登陆"
            android:clickable="true"
            android:textColor="#ffffff"
            android:textSize="16sp" />


        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0.5dp"
            android:background="#ffffff" />


        <TextView
            android:id="@+id/tv_2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:paddingBottom="8dp"
            android:paddingTop="8dp"
            android:text="注册"
            android:clickable="true"
            android:textColor="#ffffff"
            android:textSize="16sp" />


        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0.5dp"
            android:background="#ffffff" />


        <TextView
            android:id="@+id/tv_3"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:paddingBottom="8dp"
            android:paddingTop="8dp"
            android:text="取消"
            android:clickable="true"
            android:textColor="#ffffff"
            android:textSize="16sp" />
    </LinearLayout>
</LinearLayout>


<style name="PopupWindowAnimation" parent="@android:style/Animation">  
        <item name="android:windowEnterAnimation">@anim/popshow_anim</item>  
        <item name="android:windowExitAnimation">@anim/pophidden_anim</item>  
    </style>




Android-实现底部弹出PopupWindow并让背景逐渐变暗
许建波的博客
10-21 1万+
Android-实现底部弹出PopupWindow并让背景逐渐变暗在android开发中，经常需要通过点击某个按钮弹出对话框或者选择框，通过Dialog或者PopupMenu、PopupWindow都能实现。 这里主要介绍后两者：PopupMenu、PopupWindow的实现。 先看两个效果图左边PopupMenu，右边PopupWindow： Android-实现底部弹出PopupWind
android仿ios弹框 带动画效果,Android自定义PopupWindow实现炫酷的IOS对话框效果
weixin_33428613的博客
05-25 766
前言：最近在使用IOS系统的过程中发现IOS底部弹出框甚是漂亮，大气，上档次，于是乎就想啊能不能在Android中实现类似的对话框呢？你说，这不是废话吗，除了一些极少数的系统级的不能模仿外(版权)还有啥不能依瓢画葫芦的呢，所以啊，这篇文章将介绍如何在Android中实现高仿IOS对话框效果，先上图，给大家养养眼：大家在看到上面的对话框时有没有想到简单的实现思路呢？我这里给出的思路是我们可以自定义一...
Android PopupWindow增加半透明蒙层
08-26
主要为大家详细介绍了Android PopupWindow增加半透明蒙层，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
PopupWindow(悬浮框)的基本使用
最新发布
likuoelie的博客
09-23 1120
本文介绍了Android开发中PopupWindow的基本使用。PopupWindow是一种非模态浮动窗口，适用于显示上下文菜单、工具提示等轻量级弹窗。文章通过示例代码演示了创建过程：首先定义布局文件（包含触发按钮和弹窗内容），然后在Activity中初始化PopupWindow并设置属性（大小、背景、可聚焦）。弹窗通过showAsDropDown方法显示在按钮下方，点击关闭按钮或外部区域可关闭弹窗。PopupWindow具有灵活定位、支持自定义内容和动画等优点，但需手动管理生命周期和交互逻辑。
android popupwindow 底部灰色背景
09-26
android popupwindow 底部灰色背景
android添加一层半透明,Android PopupWindow增加半透明蒙层
weixin_29905347的博客
05-26 715
1 package com.example.popupwindowwithmask;23 import android.content.Context;4 import android.view.LayoutInflater;5 import android.view.View;6 import android.view.WindowManager;78 /**9 * Created by kk ...
Android中PopupWindow遮罩层的设置
kaolagirl的博客
05-18 3934
在Android应用开发中，PopupWindow是很常见的，也是我们经常用到的，这里先来说说一下属性： popupWindow.showAsDropDown(view,view.getWidth(),view.getHeight()); //相对某个控件，有偏移 popupWindow.setBackgroundDrawable(getResources().getDrawable(R.color.white)); //设置背景 popupWindow.se
Android实现底部弹出PopupWindow背景逐渐变暗效果
01-04
先看两个效果图上边PopupMenu，下边PopupWindow： PopupMenu PopupWindow 一、PopupMenu实现： PopupMenu实现起来比较简单，主要用来实现根据按钮附近弹出的对话框。 首先定义一个menu文件\res\menu\headmenu.xml...
PopupWindow实现背景变暗与圆角显示效果
本文将围绕“popupwindow完美demo”这一主题，深入解析标题与描述中提到的核心知识点：PopupWindow 的完整实现机制、背景变暗效果、圆角显示设计、透明背景处理、动画控制以及窗口管理策略，并结合标签中的关键词...
这个不对，要全屏背景变暗，就跟dialog一样
08-13
另外，如果PopupWindow的布局有背景色，那么它会覆盖在变暗的背景上，所以布局的背景色可以设置为白色或其他颜色，这样就会形成一个正常的弹窗效果。 因此，总结步骤： 1. 创建PopupWindow并设置透明背景...
PopupWindow遮罩层
02-18
PopupWindow遮罩层 参考博客：http://blog.youkuaiyun.com/carter_yu/article/details/50687982
Android PopupWindow实现遮罩层效果
08-26
主要为大家详细介绍了Android PopupWindow实现遮罩层效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
android 按钮加上蒙层,Android PopupWindow增加半透明蒙层
weixin_36311421的博客
05-26 898
本文实例为大家分享了Android PopupWindow增加半透明蒙层的具体代码，供大家参考，具体内容如下先看效果图：实现代码：BasePopupWindowWithMask.classpackage com.example.popupwindowwithmask;import android.content.Context;import android.graphics.PixelFormat...
电商直播系统源码，Android中PopupWindow遮罩层的设置
云豹网络科技
07-30 412
电商直播系统源码，Android中PopupWindow遮罩层的设置实现的相关代码 在Android应用开发中，PopupWindow是很常见的，也是我们经常用到的，这里先来说说一下属性： popupWindow.showAsDropDown(view,view.getWidth(),view.getHeight()); //相对某个控件，有偏移 popupWindow.setBackgroundDrawable(getResources().getDrawable(R.color.white)); //设
PopupWindow 设置背景颜色
蓝枫
08-27 2072
public void setBackgroundAlpha(Activity activity, float bgAlpha) { WindowManager.LayoutParams lp = activity.getWindow().getAttributes(); lp.alpha = bgAlpha; if (bgAlpha == 1)...
popupWindow弹窗+动画效果+背景变透明灰色（超简单）
a506656675的博客
12-26 2056
废话少说 先上效果图 popupWindow的布局: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_...
PopupWindow的各种用法（二）——使用PopupWindow做一个指引蒙板（带启动页，仿ViewPager滚动的引导页）
u011070603的博客
08-06 2896
引言：接下来和大家分享一下用一个PopupWindow来做一个指引蒙板的效果。鉴于网上对于“指引蒙板”的实现例子不是太多（或者是我找不到更多的），而且好像有很多的例子都是用一个Frame布局+Fragment去完成，对于这种做法自己不太喜欢，于是突发奇想的想要自己用PopupWindow去实现。结果也是能做出自己先要的效果的。而且自己想要的功能也都实现了，使我觉得PopupWindow在真实项目中
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值