popupwindow在顶部或底部出现，背景变暗

最新推荐文章于 2022-03-08 16:24:25 发布
最新推荐文章于 2022-03-08 16:24:25 发布
阅读量3.5k 收藏 2
点赞数
分类专栏： Android笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u014620028/article/details/51163437
版权

先来2张效果图：
这里写图片描述

这里写图片描述

出现的时候，背景变暗，然后选择布局以动画的形式出来。不是暗背景带着选择布局平推出来。
为了使用方便，顶部出现和底部出现，分开写了，需要那种，直接复制就能用
1、主界面布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center_horizontal"
    android:orientation="vertical"
    >

    <TextView
        android:id="@+id/top_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:gravity="center"
        android:text="顶部出现"
        android:textSize="25sp"
        />

    <TextView
        android:id="@+id/bottom_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:gravity="center"
        android:text="底部出现"
        android:textSize="25sp"
        />

</LinearLayout>

2、出现的选择界面的布局：select_layout

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:id="@+id/dialog_container"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

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

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp">

            <ImageView
                android:id="@+id/cancel"
                android:layout_width="25dp"
                android:layout_height="25dp"
                android:layout_alignParentRight="true"
                android:layout_marginRight="15dp"
                android:background="@mipmap/ic_launcher"
                />
        </RelativeLayout>


        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:layout_marginRight="20dp"
            android:layout_marginTop="20dp"
            android:layout_marginBottom="10dp"
            android:orientation="horizontal"
            >


            <LinearLayout
                android:id="@+id/ll_left"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="center"
                android:orientation="vertical"
                >

                <ImageView
                    style="@style/QuickOpen"
                    android:background="@mipmap/ic_launcher"
                    />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="5dp"
                    android:text="操作1"
                    android:textSize="15sp"
                    />


            </LinearLayout>

            <LinearLayout
                android:id="@+id/ll_center"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="center"
                android:orientation="vertical"
                >

                <ImageView
                    style="@style/QuickOpen"
                    android:background="@mipmap/ic_launcher"
                    />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="5dp"
                    android:text="操作2"
                    android:textSize="15sp"
                    />


            </LinearLayout>

            <LinearLayout
                android:id="@+id/ll_right"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="center"
                android:orientation="vertical"
                >

                <ImageView
                    style="@style/QuickOpen"
                    android:background="@mipmap/ic_launcher"
                    />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="5dp"
                    android:text="操作3"
                    android:textSize="15sp"
                    />

            </LinearLayout>

        </LinearLayout>

    </LinearLayout>

</LinearLayout>

因为图片重复相同属性，抽出来

<style name="QuickOpen">
        <item name="android:layout_width">55dp</item>
        <item name="android:layout_height">55dp</item>
    </style>

3、从顶部出现
3.1、新建TopView

package com.chen.popupwindowdemo;

import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.ColorDrawable;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.PopupWindow;

/**
 * 从顶部出来的PopupWindow
 */
public class TopView {

    Context context;
    private PopupWindow popupWindow;
    View popupWindowView;


    public TopView(Context context){
        this.context=context;

        initPopupWindow();
    }

    /**
     * 初始化
     */
    public void initPopupWindow() {

        popupWindowView = LayoutInflater.from(context).inflate(R.layout.select_layout, null);
        popupWindow = new PopupWindow(popupWindowView, ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT, true);


        popupWindow.setAnimationStyle(R.style.TopSelectAnimationShow);
        // 菜单背景色。加了一点透明度
        ColorDrawable dw = new ColorDrawable(0xddffffff);
        popupWindow.setBackgroundDrawable(dw);

        //TODO 注意：这里的 R.layout.activity_main，不是固定的。你想让这个popupwindow盖在哪个界面上面。就写哪个界面的布局。这里以主界面为例
        popupWindow.showAtLocation(LayoutInflater.from(context).inflate(R.layout.activity_main, null),
                Gravity.TOP | Gravity.CENTER_HORIZONTAL, 0, 0);

        // 设置背景半透明
        backgroundAlpha(0.7f);

        popupWindow.setOnDismissListener(new popupDismissListener());

        popupWindowView.setOnTouchListener(new View.OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                /*
                 * if( popupWindow!=null && popupWindow.isShowing()){
                 * popupWindow.dismiss(); popupWindow=null; }
                 */
                // 这里如果返回true的话，touch事件将被拦截
                // 拦截后 PopupWindow的onTouchEvent不被调用，这样点击外部区域无法dismiss
                return false;
            }
        });
        dealWithSelect();
    }


    /**
     * 处理点击事件
     */
    private void dealWithSelect(){
        //点击了关闭图标（右上角图标）
        popupWindowView.findViewById(R.id.cancel).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dimss();
            }
        });

        popupWindowView.findViewById(R.id.ll_left).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                ToastUtil.showToast(context, "点击了操作1");
            }
        });

        popupWindowView.findViewById(R.id.ll_center).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                ToastUtil.showToast(context,"点击了操作2");
            }
        });

        popupWindowView.findViewById(R.id.ll_right).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                ToastUtil.showToast(context,"点击了操作3");
            }
        });
    }


    /**
     * 设置添加屏幕的背景透明度
     *
     * @param bgAlpha
     */
    public void backgroundAlpha(float bgAlpha) {
        WindowManager.LayoutParams lp = ((Activity) context).getWindow().getAttributes();
        lp.alpha = bgAlpha; // 0.0-1.0
        ((Activity) context).getWindow().setAttributes(lp);
    }

    class popupDismissListener implements PopupWindow.OnDismissListener {

        @Override
        public void onDismiss() {
            backgroundAlpha(1f);
        }
    }

    public void dimss() {
        if (popupWindow != null) {
            popupWindow.dismiss();
        }
    }

}

3.2、设置styles：在values–>styles文件中，加上

<style name="TopSelectAnimationShow">
        <item name="android:windowEnterAnimation">@anim/top_enter</item>
        <item name="android:windowExitAnimation">@anim/top_exit</item>
    </style>

3.3、在anim文件中加上
top_enter.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate 
        android:fromYDelta="-100%"
        android:toYDelta="0"
        android:duration="300"/>

</set>

top_exit.xml

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

    <translate
        android:duration="300"
        android:fromYDelta="0"
        android:toYDelta="-100%" />

</set>

3.4、主布局使用

//点击“顶部出现”按钮
        findViewById(R.id.top_view).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                topView = new TopView(MainActivity.this);
            }
        });

4、从底部出现
4.1、新建BottomView

package com.chen.popupwindowdemo;

import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.ColorDrawable;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.PopupWindow;

/**
 * 从底部出来的PopupWindow
 */
public class BottomView {

    Context context;
    private PopupWindow popupWindow;
    View popupWindowView;


    public BottomView(Context context){
        this.context=context;

        initPopupWindow();
    }


    /**
     * 初始化
     */
    public void initPopupWindow() {

        popupWindowView = LayoutInflater.from(context).inflate(R.layout.select_layout, null);
        popupWindow = new PopupWindow(popupWindowView, ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT, true);


        popupWindow.setAnimationStyle(R.style.BottompSelectAnimationShow);
        // 菜单背景色。加了一点透明度
        ColorDrawable dw = new ColorDrawable(0xddffffff);
        popupWindow.setBackgroundDrawable(dw);

        //TODO 注意：这里的 R.layout.activity_main，不是固定的。你想让这个popupwindow盖在哪个界面上面。就写哪个界面的布局。这里以主界面为例
        popupWindow.showAtLocation(LayoutInflater.from(context).inflate(R.layout.activity_main, null),
                Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL, 0, 0);

        // 设置背景半透明
        backgroundAlpha(0.7f);

        popupWindow.setOnDismissListener(new popupDismissListener());

        popupWindowView.setOnTouchListener(new View.OnTouchListener() {

            @Override
            public boolean onTouch(View v, MotionEvent event) {
                /*
                 * if( popupWindow!=null && popupWindow.isShowing()){
                 * popupWindow.dismiss(); popupWindow=null; }
                 */
                // 这里如果返回true的话，touch事件将被拦截
                // 拦截后 PopupWindow的onTouchEvent不被调用，这样点击外部区域无法dismiss
                return false;
            }
        });

        dealWithSelect();


    }


    /**
     * 处理点击事件
     */
    private void dealWithSelect(){
        //点击了关闭图标（右上角图标）
        popupWindowView.findViewById(R.id.cancel).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dimss();
            }
        });

        popupWindowView.findViewById(R.id.ll_left).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                ToastUtil.showToast(context, "点击了操作1");
            }
        });

        popupWindowView.findViewById(R.id.ll_center).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                ToastUtil.showToast(context,"点击了操作2");
            }
        });

        popupWindowView.findViewById(R.id.ll_right).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                ToastUtil.showToast(context,"点击了操作3");
            }
        });

    }


    /**
     * 设置添加屏幕的背景透明度
     *
     * @param bgAlpha
     */
    public void backgroundAlpha(float bgAlpha) {
        WindowManager.LayoutParams lp = ((Activity) context).getWindow().getAttributes();
        lp.alpha = bgAlpha; // 0.0-1.0
        ((Activity) context).getWindow().setAttributes(lp);
    }

    class popupDismissListener implements PopupWindow.OnDismissListener {

        @Override
        public void onDismiss() {
            backgroundAlpha(1f);
        }
    }

    public void dimss() {
        if (popupWindow != null) {
            popupWindow.dismiss();
        }
    }



}

4.2、设置styles：在values–>styles文件中，加上

<style name="BottompSelectAnimationShow">
        <item name="android:windowEnterAnimation">@anim/bottom_enter</item>
        <item name="android:windowExitAnimation">@anim/bottom_exit</item>
    </style>

4.3、在anim文件中加上
bottom_enter.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate 
        android:fromYDelta="100%"
        android:toYDelta="0"
        android:duration="300"/>

</set>

bottom_exit.xml

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

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

</set>

4.4、主布局使用

//点击“底部出现”按钮
        findViewById(R.id.bottom_view).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                bottomView=new BottomView(MainActivity.this);
            }
        });
夜尽天明89
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Android实现底部弹出PopupWindow背景逐渐变暗效果
09-01
在Android开发中，创建一个在屏幕底部弹出并带有背景逐渐变暗效果的PopupWindow，可以为用户提供更加丰富的交互体验。本文将详细介绍实现该效果的技术要点。 首先，Android平台中常用的几种弹窗组件有Dialog、...
Android自定义PopupWindow显示在控件上方或者下方
weixin_34223655的博客
06-06 1113
记录学习之用 View view = mInflater.inflate(R.layout.layout_popupwindow, null); PopUpwindowLayout popUpwindowLayout = (PopUpwindowLayout) view.findViewById(R.id.llayout_popupwindow); popUpwindowLayout...
PopupWindow在Android7.0以上的显示问题（showAsDropDown方法的改动）
micotale的博客
10-08 1536
先说说出现问题，在7.0以上，我们会发现一个问题。当使用showAsDropDown方法，将PopupWindow显示在某控件下方的时候，会出现位置错位的问题，PopupWindow的起始点跑到了屏幕顶部。如图所示： 分析：出现的原因是因为，在Android7.0以后，PopupWindow的显示会有一个判断，当PopupWindow的高度大于屏幕的剩余高度时，会往控件上方超出。因为这边给P...
popupwindow显示在指定控件之上
jifashihan的博客
08-17 1943
传入指定控件的高度，popupwindow减去这个高度，然后显示的时候，上移这个高度 parentViewHeight 为指定控件的高度 public class ShoppingCarWindow extends PopupWindow{ 。。。。 //设置SelectPicPopupWindow弹出窗体的宽 this.setWidth(ViewGroup.LayoutParams.MATCH_PARENT); //设置SelectPicPopupWindow弹出窗体的
PopupWindow显示在某个控件上方
夏洛克的猫
02-22 1万+
PopupWindow有一个显示在在某个上方的方法,但是没有定义一个在控件下方的方法,不知为何.这里提供一个小思路:public class PopupOrderPriceDetail extends PopupWindow { private int popupWidth; private int popupHeight; public PopupOrderPriceDetai
popupwindow以及渐变背景
05-13
在本教程中，我们将深入探讨如何使用PopupWindow，并学习如何为它添加渐变背景，提升界面的美观度。 首先，了解PopupWindow的基本用法。PopupWindow类在`android.widget.PopupWindow`包下，它可以在任何视图上方...
iOS实现底部弹出PopupWindow效果 iOS改变背景透明效果
08-30
下面将详细介绍如何在iOS中实现底部弹出PopupWindow效果，并改变背景透明效果。 一、什么是PopupWindow？ PopupWindow是一种常见的交互方式，能够在屏幕上弹出一个浮动窗口，显示一些信息或提供一些操作项。它能够...
成功将popUpWindow背景变暗
03-16
网上有很多popUpWindow变暗的操作，但是很多都不符合要求或者根本无效，所以自己写了一个操作并且尝试成功，思想和代码都很简单，替换掉xxx可以直接使用
android背景加遮罩,从标题栏下面弹出的popupwindow 带背景遮罩
weixin_39917576的博客
05-26 824
先上效果 相信许多项目都需要这种效果的拿到这个需求 就有了几个解决方案 一种是用 布局隐藏 加 属性动画实现 后来发现这种方法的点击事件比较麻烦 适合从上弹出沾满整个屏幕 像这种有可能的出现一部分的内容的情况就不怎么适应了所以我果断选择用popupwindow来实现这种需求说说用popupwindow的思路吧 让popupwindow弹出很容易 可是背景遮罩确实不好加 还需要这样比较...
Android PopupWindow 弹窗背景半透明，设置最大高度
weixin_30781107的博客
04-28 673
首先讲一个网上的方法： popupwindow弹出后，屏幕背景变成半透明这个效果很普通。实现的方法也很多。我使用的可能是最简单的一种，就是设置一下getWindows的透明度。 /** * 设置添加屏幕的背景透明度 1,：全透明；0.5：半透明 0~1，取自己想到的透明度 * @param bgAlpha ...
Android PopupWindow实现从顶部弹出下拉菜单左、中、右
qq_31020171的博客
01-10 3029
本文转载至：https://blog.csdn.net/u013693649/article/details/49252963 感觉写的非常不错 特此记录下 本实例的自定义下拉菜单主要是继承PopupWindow类来实现的弹出窗体，各种布局效果可以根据自己定义设计。弹出的动画效果主要用到了translate、alpha、scale，具体实现步骤如下： 先上效果图如下：左边下拉菜单、中间下拉菜单、右边下拉菜单 ...
如何让PopupWindow 显示在屏幕的中央
world_kun的博客
08-24 9690
public static void showShareWindow(Activity activity, View parentView, String pageName){     View mContentView = null;     V5ShareView mShareView = null;     if(mContentView == null){         mCon
Android进阶之路 - popupWindow使用详解
热门推荐
Android、前端、小程序、后端
05-16 1万+
popupWindow还是比较好用的一款控件，他不会像Dialog一样让内容与样式死板，他的优势就在于我们可以填充自己喜欢的样式；在使用中遮盖层是个不大不小的问题，本文已经解决，同时还有一些其他问题的解决方式，也都在代码中进行了注释，大家请直接往下看吧（PS：最后又惊喜，或许你想要的答案就在最后哦）
安卓PopupWindow实现页面上方提示框
weixin_56907479的博客
03-08 3471
这里写自定义目录标题 public class CustomPopWindow extends PopupWindow { private static final String TAG = "CustomPopWindow"; private final View view; private Activity context; private int viewdata; public CustomPopWindow(Activity context,int type
【Android开发学习33】PopupWindow之显示顶层对话框
天 下
04-07 3663
一、基础知识:   1. PopupWindow是阻塞对话框，只有在外部线程 或者 PopupWindow本身做退出操作才行。 2. PopupWindow完全依赖Layout做外观       二、使用方法: 1. 为我们的对话框新建一个Layout文件作为外观:(下面是我的一个示例) <LinearLayout xmlns:android="http:
android 向上弹出,android 弹出Popupwindow 自适用（Activity或者Dialog）判断向上还向下...
weixin_33795788的博客
05-27 874
今天来记录一下在Activity中或者在(Dialog or Popupwindow )中点击按钮弹出popupwindow 自使用判断是向下弹出还是向上弹出。1、Activity中弹出点击按钮弹出popupwindow1.0:比如：QQ图片20170316110343.png这种是要在Activity中的ListView中或者其他布局中展示要弹出的Popupwindow 直接向下即可没什么好阐述...
PopupWindow显示时其他部分背景变暗
最新发布
04-05
这样就实现了当PopupWindow显示时，其他部分背景变暗的效果。 需要注意的是，PopupWindow显示后半透明的背景View是覆盖在整个屏幕上的，如果PopupWindow的大小不是全屏的话，需要根据PopupWindow的大小来设置半...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值