`
kevinffk
  • 浏览: 34639 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

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

阅读更多

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

 

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

 

 

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


 
  • 大小: 16.3 KB
分享到:
评论

相关推荐

    android popupwindow 底部灰色背景

    在实现特定的UI设计时,比如底部弹出菜单或对话框,我们可能会遇到需要添加底部灰色背景的需求。这个场景描述的“android popupwindow 底部灰色背景”就是这样一个例子。 首先,理解PopupWindow的基本概念。...

    Popupwindow点击事件+popupwindow以外的背景变暗

    Popupwindow点击事件+popupwindow以外的背景变暗 地址 : http://blog.csdn.net/u012062810/article/details/46873781

    popupwindow以及渐变背景

    在本教程中,我们将深入探讨如何使用PopupWindow,并学习如何为它添加渐变背景,提升界面的美观度。 首先,了解PopupWindow的基本用法。PopupWindow类在`android.widget.PopupWindow`包下,它可以在任何视图上方...

    Android从屏幕底部弹出PopupWindow

    例如,我们希望PopupWindow在屏幕底部出现,可以这样设置: ```java popupWindow.showAtLocation(parentView, Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL, 0, 0); ``` 考虑到描述中提到的“有动画效果”,我们...

    成功将popUpWindow背景变暗

    网上有很多popUpWindow变暗的操作,但是很多都不符合要求或者根本无效,所以自己写了一个操作并且尝试成功,思想和代码都很简单,替换掉xxx可以直接使用

    PopupWindow+GridView在屏幕底部显示

    你可以通过`showAsDropDown()`或`showAtLocation()`方法来指定PopupWindow的位置,例如将其显示在屏幕底部。 接着,我们来看GridView。GridView是一种可以水平滚动的控件,它能自动排列多个子视图,形成一个网格...

    Android 动画效果弹出PopupWindow,同时屏幕背景变暗

    最近做项目的时候,希望弹出一个PopupWindow,但是效果并不美观,所以自己写了...在弹出PopupWindow的同时,改变屏幕背景的透明度,使屏幕背景变暗。具体请看http://blog.csdn.net/ddxxll2008/article/details/49201925

    PopupWindow+ListView+在item顶部与底部跳跃

    本篇文章将深入探讨如何将PopupWindow与ListView结合使用,让ListView的item在顶部与底部之间实现动态跳跃效果。 首先,PopupWindow是Android提供的一种轻量级窗口,它可以浮现在Activity或View之上,用于展示临时...

    安卓popupwindow相关-PopupWindow模仿UC底部Menu.rar

    在资源“PopupWindow模仿UC底部Menu.rar”中,可能包含了实现这一功能的完整代码示例,包括布局文件和对应的Java或Kotlin类。通过查看和学习这些代码,开发者可以更深入地理解如何结合实际需求来定制PopupWindow,...

    安卓Android源码——PopupWindow模仿UC底部Menu.rar

    在模仿UC底部菜单时,可能需要将`PopupWindow` 显示在屏幕底部。 4. **交互处理** 为了响应用户在`PopupWindow` 上的点击事件,需要为布局中的每个按钮设置OnClickListener。在回调中,根据用户选择的按钮执行相应...

    Android-炫酷的底部弹窗(popupwindow)布局缩放效果

    本篇我们将深入探讨如何创建一个具有底部弹出并带有炫酷布局缩放效果的PopupWindow,以及在实际开发中如何灵活运用。 首先,PopupWindow的基本用法包括以下步骤: 1. 创建一个布局文件,定义弹出窗口的内容。 2. 在...

    Android PopupWindow实现屏幕底部菜单.rar

    Android PopupWindow实现屏幕底部菜单,效果中包括了圆形的悬浮按钮,这一个圆角按钮实现方法有很多,本例中是使用ImageView来实现。另外效果还包括了弹出的菜单,之前思路有两种,第一种,写布局实现,第二种,弹出...

    自定义PopupWindow实现底部弹出式菜单

    为了在底部弹出菜单,我们需要在适当的位置显示`PopupWindow`。这通常在某个按钮的点击事件中执行,计算出底部位置并调用`showAtLocation`方法: ```java // 计算底部位置 int[] location = new int[2]; button....

    PopupWindow模仿UC底部Menu

    在本项目中,我们将利用 `PopupWindow` 模仿UC浏览器底部的菜单设计,提供一种在用户界面上动态展示选项的方式。 `PopupWindow` 的主要优点是它可以灵活地定位在屏幕的任意位置,并且可以自定义其大小和内容。创建 ...

    PopupWindow 底部弹出透明度

    如果希望在底部弹出时具有动画效果,可以使用 `ObjectAnimator` 或其他动画库来实现。例如,可以使用以下代码创建一个淡入动画: ```java ObjectAnimator fadeIn = ObjectAnimator.ofFloat(popupWindow....

    安卓popupwindow相关-从底部往上慢慢划出popupwindow浮动透明窗口实例.rar

    在本实例中,“从底部往上慢慢划出popupwindow浮动透明窗口”指的是一个动画效果,即PopupWindow从屏幕底部以渐显的方式向上滑动展示出来,同时具有一定的透明度,提供更好的用户体验。 首先,我们需要了解...

    安卓Android源码——PopupWindow模仿UC底部Menu.zip

    // 显示在底部 popupWindow.dismiss(); // 隐藏 ``` 这个压缩包中的 `MyPopupWindow` 文件很可能是实现了上述步骤的 Java 类,你可以通过阅读和分析这个类的代码,更深入地理解 `PopupWindow` 的用法,以及如何...

    PopupWindow

    - **非模态对话框**:PopupWindow不会阻塞背后的Activity,用户可以在PopupWindow出现时继续与Activity交互。 - **位置灵活**:可以通过设置PopupWindow的位置属性来决定其显示的具体位置,比如相对于屏幕或某个View...

Global site tag (gtag.js) - Google Analytics