出现的时候,背景变暗,然后选择布局以动画的形式出来。不是暗背景带着选择布局平推出来。
为了使用方便,顶部出现和底部出现,分开写了,需要那种,直接复制就能用。
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); } });
相关推荐
在实现特定的UI设计时,比如底部弹出菜单或对话框,我们可能会遇到需要添加底部灰色背景的需求。这个场景描述的“android popupwindow 底部灰色背景”就是这样一个例子。 首先,理解PopupWindow的基本概念。...
Popupwindow点击事件+popupwindow以外的背景变暗 地址 : http://blog.csdn.net/u012062810/article/details/46873781
在本教程中,我们将深入探讨如何使用PopupWindow,并学习如何为它添加渐变背景,提升界面的美观度。 首先,了解PopupWindow的基本用法。PopupWindow类在`android.widget.PopupWindow`包下,它可以在任何视图上方...
例如,我们希望PopupWindow在屏幕底部出现,可以这样设置: ```java popupWindow.showAtLocation(parentView, Gravity.BOTTOM | Gravity.CENTER_HORIZONTAL, 0, 0); ``` 考虑到描述中提到的“有动画效果”,我们...
网上有很多popUpWindow变暗的操作,但是很多都不符合要求或者根本无效,所以自己写了一个操作并且尝试成功,思想和代码都很简单,替换掉xxx可以直接使用
你可以通过`showAsDropDown()`或`showAtLocation()`方法来指定PopupWindow的位置,例如将其显示在屏幕底部。 接着,我们来看GridView。GridView是一种可以水平滚动的控件,它能自动排列多个子视图,形成一个网格...
最近做项目的时候,希望弹出一个PopupWindow,但是效果并不美观,所以自己写了...在弹出PopupWindow的同时,改变屏幕背景的透明度,使屏幕背景变暗。具体请看http://blog.csdn.net/ddxxll2008/article/details/49201925
本篇文章将深入探讨如何将PopupWindow与ListView结合使用,让ListView的item在顶部与底部之间实现动态跳跃效果。 首先,PopupWindow是Android提供的一种轻量级窗口,它可以浮现在Activity或View之上,用于展示临时...
在资源“PopupWindow模仿UC底部Menu.rar”中,可能包含了实现这一功能的完整代码示例,包括布局文件和对应的Java或Kotlin类。通过查看和学习这些代码,开发者可以更深入地理解如何结合实际需求来定制PopupWindow,...
在模仿UC底部菜单时,可能需要将`PopupWindow` 显示在屏幕底部。 4. **交互处理** 为了响应用户在`PopupWindow` 上的点击事件,需要为布局中的每个按钮设置OnClickListener。在回调中,根据用户选择的按钮执行相应...
本篇我们将深入探讨如何创建一个具有底部弹出并带有炫酷布局缩放效果的PopupWindow,以及在实际开发中如何灵活运用。 首先,PopupWindow的基本用法包括以下步骤: 1. 创建一个布局文件,定义弹出窗口的内容。 2. 在...
Android PopupWindow实现屏幕底部菜单,效果中包括了圆形的悬浮按钮,这一个圆角按钮实现方法有很多,本例中是使用ImageView来实现。另外效果还包括了弹出的菜单,之前思路有两种,第一种,写布局实现,第二种,弹出...
为了在底部弹出菜单,我们需要在适当的位置显示`PopupWindow`。这通常在某个按钮的点击事件中执行,计算出底部位置并调用`showAtLocation`方法: ```java // 计算底部位置 int[] location = new int[2]; button....
在本项目中,我们将利用 `PopupWindow` 模仿UC浏览器底部的菜单设计,提供一种在用户界面上动态展示选项的方式。 `PopupWindow` 的主要优点是它可以灵活地定位在屏幕的任意位置,并且可以自定义其大小和内容。创建 ...
如果希望在底部弹出时具有动画效果,可以使用 `ObjectAnimator` 或其他动画库来实现。例如,可以使用以下代码创建一个淡入动画: ```java ObjectAnimator fadeIn = ObjectAnimator.ofFloat(popupWindow....
在本实例中,“从底部往上慢慢划出popupwindow浮动透明窗口”指的是一个动画效果,即PopupWindow从屏幕底部以渐显的方式向上滑动展示出来,同时具有一定的透明度,提供更好的用户体验。 首先,我们需要了解...
// 显示在底部 popupWindow.dismiss(); // 隐藏 ``` 这个压缩包中的 `MyPopupWindow` 文件很可能是实现了上述步骤的 Java 类,你可以通过阅读和分析这个类的代码,更深入地理解 `PopupWindow` 的用法,以及如何...
- **非模态对话框**:PopupWindow不会阻塞背后的Activity,用户可以在PopupWindow出现时继续与Activity交互。 - **位置灵活**:可以通过设置PopupWindow的位置属性来决定其显示的具体位置,比如相对于屏幕或某个View...