PopupWindow弹出窗体

最新推荐文章于 2020-12-29 08:23:22 发布
最新推荐文章于 2020-12-29 08:23:22 发布
阅读量237 收藏
点赞数
分类专栏： PopupWindow弹出窗体 文章标签： Android2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/liuguitong_BK/article/details/95069396
版权

PopupWindow
一.PopupWindow介绍
二.如何自定义窗体
三.实现点击右上角弹出窗体
四.底部弹出窗体
五.弹出窗体背景半透明
六.设置动画
1.在res/anim文件夹下定义进场动画
2.定义进出场动画
3.为popupwindow设置动画
七.自定义PopupWindow

PopupWindow

显示方法显示位置
showAsDropDown(View anchor, int xoff, int yoff)显示在anchor控件的下方
showAtLocation(View parent, int gravity, int x, int y)显示在parent控件的某个位置

一.PopupWindow介绍

PopupWindow弹出窗体可以在任意位置弹出窗体，而对话框只能出现屏幕最中间。

二.如何自定义窗体

(1)构造方法：public PopupWindow (Context context)：context上下文对象
(2)必须设置的3大要素：
setContentView()：设置自定义布局
setWidth()：设置宽度
setHeight()：设置高度
(3)显示窗体：
a。显示在某个指定控件的下方
showAsDropDown(View anchor)：
showAsDropDown(View anchor, int xoff, int yoff)；//xoff和yoff都是偏移量
b。指定父视图，显示在父控件的某个位置（Gravity.TOP,Gravity.RIGHT等）
showAtLocation(View parent, int gravity, int x, int y)；
gravity可以是Gravity.TOP、Gravity.BOTTOM、Gravity.LEFT、Gravity.RIGHT

三.实现点击右上角弹出窗体

在这里插入图片描述

步骤1.实例化PopupWindow对象
步骤2.设置自定义布局、宽度和高度
步骤3.指定位置显示： showAsDropDown() showAtLocation()

（1）xml布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".Main4Activity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/text_id"
        android:text="点我"
        android:textSize="30sp"
        android:layout_alignParentRight="true"/>
</RelativeLayout>

（2）自定义弹出框布局

<?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:orientation="vertical">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/ic_launcher"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="弹出菜单1"/>
    </LinearLayout>
    <LinearLayout
        android:layout_marginTop="10dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/ic_launcher"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="弹出菜单2"/>
    </LinearLayout>
    <LinearLayout
        android:layout_marginTop="10dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@mipmap/ic_launcher"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="弹出菜单3"/>
    </LinearLayout>
</LinearLayout>

（3）Java文件

package com.example.day02_homework;

        import androidx.appcompat.app.AppCompatActivity;

        import android.os.Bundle;
        import android.view.LayoutInflater;
        import android.view.View;
        import android.view.ViewGroup;
        import android.widget.PopupWindow;
        import android.widget.TextView;

public class Main4Activity extends AppCompatActivity {

    private TextView textId;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main4);

        textId = (TextView) findViewById(R.id.text_id);

        textId.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                show_PopupWindow();
            }
        });
    }

    private void show_PopupWindow() {
        //实例化对象
        PopupWindow popupWindow = new PopupWindow(this);
        //设置属性
        View inflate = LayoutInflater.from(this).inflate(R.layout.layout_right_popupwindow, null);
        popupWindow.setContentView(inflate);
        popupWindow.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT);
        popupWindow.setWidth(ViewGroup.LayoutParams.WRAP_CONTENT);
        //点击外部消失
        popupWindow.setOutsideTouchable(true);
        //展示
        popupWindow.showAsDropDown(textId,0,0);
    }
}

四.底部弹出窗体

在这里插入图片描述
（1）xml布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".Main5Activity">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:text="底部弹出"
        android:onClick="click"/>
</RelativeLayout>

（2）自定义布局

<?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:orientation="vertical">

    <Button
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="底部弹出1"/>
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="底部弹出2"/>
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="底部弹出3"/>
    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="底部弹出4"/>
</LinearLayout>

（3）Java代码

package com.example.day02_homework;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.PopupWindow;

public class Main5Activity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main5);
    }

    public void click(View view) {
        show_PopupWindow();
    }

    private void show_PopupWindow() {
        PopupWindow popupWindow = new PopupWindow(this);
        View inflate = LayoutInflater.from(this).inflate(R.layout.layout_bottom_popupwindow, null);
        popupWindow.setContentView(inflate);
        popupWindow.setWidth(ViewGroup.LayoutParams.MATCH_PARENT);
        popupWindow.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT);
        popupWindow.setOutsideTouchable(true);

        View view = LayoutInflater.from(this).inflate(R.layout.activity_main5, null);
        popupWindow.showAtLocation(view, Gravity.BOTTOM,0,0);
    }
}

五.弹出窗体背景半透明

安卓中，控件都有透明度alpha属性，取值范围为0-1的float类型，半透明就是0.5f
在这里插入图片描述
在底部弹出的Java代码基础上

package com.example.day02_homework;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.WindowManager;
import android.widget.PopupWindow;

public class Main5Activity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main5);
    }

    public void click(View view) {
        show_PopupWindow();
    }

    private void show_PopupWindow() {
        PopupWindow popupWindow = new PopupWindow(this);
        View inflate = LayoutInflater.from(this).inflate(R.layout.layout_bottom_popupwindow, null);
        popupWindow.setContentView(inflate);
        popupWindow.setWidth(ViewGroup.LayoutParams.MATCH_PARENT);
        popupWindow.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT);
        popupWindow.setOutsideTouchable(true);

        //设置当前窗体的属性
        WindowManager.LayoutParams layoutParams = getWindow().getAttributes();
        //设置半透明
        layoutParams.alpha=0.5f;
        //为窗体设置新属性
        getWindow().setAttributes(layoutParams);
        //窗体消失恢复透明度
        popupWindow.setOnDismissListener(new PopupWindow.OnDismissListener() {
            @Override
            public void onDismiss() {
                WindowManager.LayoutParams params = getWindow().getAttributes();
                params.alpha=1f;
                getWindow().setAttributes(params);
            }
        });

        View view = LayoutInflater.from(this).inflate(R.layout.activity_main5, null);
        popupWindow.showAtLocation(view, Gravity.BOTTOM,0,0);
    }
}

六.设置动画

1.在res/anim文件夹下定义进出场动画

duration:动画时长

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

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

2.定义进出场动画

<style name="MyPopupWindow">
        <item name="android:windowEnterAnimation">@anim/in_duration</item>
        <item name="android:windowExitAnimation">@anim/out_duration</item>
    </style>

3.为popupwindow设置动画

setAnimationStyle(R.style.MyPopupWindow);

Menu菜单与PopupWindow弹出窗体
SingleTigerkin的博客
07-07 752
Menu菜单与PopupWindow弹出窗体Menu菜单一.常用的菜单1.系统菜单OptionsMenu步骤流程:2.上下文菜单ContextMenu步骤流程:3.弹出菜单PopupWindow弹出窗体一.PopupWindow介绍二.如何自定义窗体三.实现微信QQ支付宝右上角加号弹出窗体1.步骤流程: Menu菜单 一.常用的菜单 1.系统菜单OptionsMenu 步骤流程: 1.在res下...
popupWindow在点击处正下方弹出窗体
JOY的博客
02-09 1758
其实最近也是在总结一些技术知识,因为做过去之后老忘记,所以最近打算做一个总结,不能一边做一边忘啊,哈哈哈,其实我的总结也是一边结合自己所做的项目,一边参阅网上大神的文章,主要是做一个笔记,闲话少说,今天给大家介绍PopupWindow下方弹出窗体 要做一个类似于微信的右上角点击出现一个PopupWindow的窗体,话不多说,先直接上图 如上图,点击红色处,弹出黄色框框,黄色框框内的'条件查...
在PopupWindow中再弹出PopupWindow问题
殇神马的博客
10-25 3076
最近在项目的开发中遇到一个需求，是一个弹出菜单点中击一个选项按钮，在选项按钮下方弹出下拉菜单。最初想到的实现方式第一个弹出菜单用PopupWindow,第二个下拉菜单 也用PopupWindow,在第一个PopupWindow菜单中的选项按钮正下方显示第二个下拉菜单PopupWindow。但是在显示第二个下拉菜单PopupWindow中报出异常,程序crashandroid.view.Window
PopupWindow的使用
孤云博客
07-16 3808
随时随地阅读更多技术实战干货，获取项目源码、学习资料，请关注源代码社区公众号(ydmsq666) 在实际中，我们有时为了更炫的效果，而不会使用原生的Menu菜单弹出方式，其中，使用PopupWindow就是一种常用方式，下面用一个简单示例来演示，点击Menu菜单按钮，以动画的方式弹出一个PopupWindow窗...
安卓弹出窗口popupwindow
l970859633的博客
04-07 564
最近看到新浪微博顶部栏的微博分组效果很炫，从网上查了一些资料明白原来是用PopupWindow实现的，今天自己也写了一个例子实现了这种效果，希望对大家有帮助。         PopupWindow就是弹出窗口的意思，类似windows下面的开始按钮。PopupWindow可以实现浮层效果，而且可以自定义显示位置，出现和退出时的动画.            首先定义新浪微博的顶部栏,title_t
popupwindow弹出窗关闭_弹出窗口：PopupWindow 详解
weixin_39884877的博客
12-29 606
效果如图所示，点击开始按钮，popWindow从下往上出来，再点击popWindow外面，popWindow又从上往下消失可以看出来，上面的popupWindow是半透明的，后面我会细说。最基本的是activity_main了，很简单，就只是一个button，这里我就不贴代码了。接下来的是，popWindow的界面了代码如下： 这里注意我里面的那个注释android:layout_width="m...
PopupWindow的简单应用
凌空之鹤
11-11 121
这是一个点击删除按钮，弹出PopupWindow对话框操作的案例，昨天第一次用PopupWindow，拿出来分享下： xml页面如下： [b]activity_main.xml[/b] [b]window.xml[/b] [b]唯一的Activity:MainActivity,不用手动注册什么[/b] pa...
Android popupWindow弹出窗体实现方法分析
08-30
在 Android 开发中，PopupWindow 是一种常用的弹出窗体实现方式。在本文中，我们将详细介绍 Android 弹出窗体实现方法，包括布局设置、事件监听和属性设置等相关操作技巧。 一、建立 popupwindow 显示的布局页面 ...
Android Popupwindow弹出窗口的简单使用方法
01-04
本文实例为大家分享了Android Popupwindow弹出窗口的具体代码，供大家参考，具体内容如下 代码很简单，没有和别的控件连用。布局自己随意定义，我的这个是最基础的，就直接上代码啦！ 在MainActivity里 import ...
Android开发学习（14）Popupwindow右上角弹出菜单
ESOO
08-21 5515
很多安卓app的右上角都有弹出菜单，今天我们继续丰富我们的计算机app，前几篇博客我们为他增加了历史记录的功能，今天我们使用Popupwindow做一个右上角弹出的按钮。 效果： 布局按钮主界面menu_popwindow.xml<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.a
android popupwindow仿微信右上角菜单
applek_Case的博客
12-15 2522
popupwindow是安卓中的一个弹出窗口类，可以弹出指定的一个布局文件，还是很方便的，下面演示如何制作一个微信的右上角点击弹出菜单。 首先定义首页布局，默认取消标题栏 找到styles.xml文件，将parent属性设置为Theme.AppCompat.Light.NoActionBar，这样就取消了原本的标题栏了。 如图： 选择布局文件夹，创建一个新的布局文件，我起名叫做menu，名字
Android 仿微信右上角点击加号弹出菜单
yuhang01的博客
09-15 4506
今天在做仿微信点击右上角加号弹出菜单出现了一点问题，故记录下来 需要也能对你有用 先来看效果图： 欧克，上面的实现效果主要时使用PopupWindow实现的，其中有趣的知识点是1.点击加号按钮弹出菜单，整体颜色变灰，2.再次点击加号按钮，收起菜单，3.开启菜单时点击外部实现收起菜单 好了，废话不多说让我们来看代码 首先，声明一个类继承自PopupWindow （这里你也可以在使用的activity/Fragment中使用new PopupWindow方式来实现） public class DeviceP
PopupWindow实现微信右上角菜单
安卓加油
11-08 2261
蛋疼的各种仿照效果,UI一定要伺候好,不然一言不合就给你来一个很NB的效果 上代码! 1.资源图片          2.popupWindow入场动画 name="AnimationPreview"> name="android:windowEnterAnimation">@anim/fade_in name="android:windowE
popupWindow显示位置的探究以及canvas的起始位置
a1027317350的专栏
12-08 1128
最近做了一些功能，都是与popupWIndow显示的位置有关。大家都知道Android系统的手机是在太多了，而手机系统做的各有各的特点，导致popupWindow显示的位置总是无法适应所有手机。最难缠的要数魅族手机。popupWindow显示不同有以下几个现状：         popupWindow.showAtlocation(view,Gravity.NO_GRAVITY,x,y),讨论的
popupwindow弹出窗关闭_Android Popupwindow弹出窗口的简单使用方法
weixin_33091939的博客
12-29 702
本文实例为大家分享了Android Popupwindow弹出窗口的具体代码，供大家参考，具体内容如下代码很简单，没有和别的控件连用。布局自己随意定义，我的这个是最基础的，就直接上代码啦！在MainActivity里import android.content.Context;import android.os.Bundle;import android.support.v7.app.AppCom...
popupWindow各种情况的隐藏方法
商务合作|问题讨论|交流学习 请联系作者微信，加微信请务必注明来意，博客主页有联系方式
11-17 4595
LinearLayout popupWindow_view = (LinearLayout) getLayoutInflater() .inflate(R.layout.listview_arrange, null, false); 设置popwindow的背景透明度 popupWindow_view.getBackground().setAlpha(60); 设置居中 po
通用 PopupWindow，几行代码搞定 PopupWindow 弹窗（续）
weixin_34378922的博客
04-05 385
一 、前言 前面为了在项目中使用Popupwindow简单方便，自己简易封装了一个PopupWindow,可以在项目很方便的使用。还没有看过的可以去看一下文章介绍，通用PopupWindow，几行代码搞定PopupWindow弹窗，前段时间看到有留言说弹出PopupWindow同时使背景变暗这个功能没有，能不能加上？想着这是个比较常见的需求，因此把它加到了这个库中，本篇文章就简单谈谈怎么实现这...
使用popwindows实现Actionbar右上角的小菜单
itbobby的专栏
09-19 1283
近日在开发过程中使用popwindows做了一套仿Actionbar上的小菜单，感觉效果还不错，就对其做了一个简单的封装，方便外部调用，由于实现也不是很复杂，所以在这里就不讲解代码了，下来简单描述一下使用场景及步骤。 源码下载地址：点击下载 使用场景： 由于很多情况下我们的应用需要一个个性化的标题栏，除了自定义actionbar以外，还有一个更为简便的方法就是将actionbar直接隐藏，自
使用 PopupWindow 实现如微信一样的下拉菜单
jeromexiong的专栏
09-02 4115
本文章主要讲解popupWindow实现仿微信的下拉菜单 一、main.xml<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" andr
打造交互体验：Visual Studio弹出窗体模板详解
弹出式窗体模板是一个预设的窗体框架，它使得开发者能够在短时间内快速实现一个具有特定行为的弹出窗体。开发人员只需在此基础上进行适当的修改和调整，即可快速集成到自己的应用程序中。 接下来，我们具体讲解这个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值