实现半透明的popupwindow的源码

简介:

转载:http://www.apkbus.com/android-2474-1-1.html

1.设置半透明主题 2.设置window的alpha值

  1. //                        WindowManager.LayoutParams lp = getWindow().getAttributes();
  2. //            lp.alpha = 0.5f; //0.0-1.0
  3. //            getWindow().setAttributes(lp);
复制代码

发现这两种都不能满足要求,起码的颜色就不太对。想做好点,做成类似alertDialog的样子,带边框,弹出窗口带动画效果,之后背景置灰,那多帅。
看到那个仿uc浏览器的源码,是用alertdialog做的,达到那种效果,加点动画就行了。下图是从那个ucweb源码里面弄出来的。
 


       上面的代码就不贴了,我上传的项目文件里面也有。
        下面是弹出popupwindow的图片,第一张是动画中,第二张是完全弹出的:


  
   



         弹出popwindow的代码如下,比较乱,多包涵:

  1. popupWindow = new PopupWindow(menuView, LayoutParams.FILL_PARENT,
  2.                                 LayoutParams.FILL_PARENT, true);
  3.                 popupWindow.showAtLocation(findViewById(R.id.parent), Gravity.CENTER
  4.                                 | Gravity.CENTER, 0, 0);
  5.                 popupWindow.setAnimationStyle(R.style.PopupAnimation);
  6.                 // 加上下面两行可以用back键关闭popupwindow,否则必须调用dismiss();
  7.                 ColorDrawable dw = new ColorDrawable(-00000);
  8.                 popupWindow.setBackgroundDrawable(dw);
  9.                 popupWindow.update();
复制代码


下面是实现步骤:    
1。背景置灰: 
     popupWindow = new PopupWindow(menuView, LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT, true);
     第二三个参数必须是LayoutParams.FILL_PARENT,这样才能填充整个屏幕,达到背景置灰的目的。
     整个popupwindow里面是一个GridView,图片什么的也是用的那个仿UC浏览器界面项目的,在此谢谢了。
     关键的东西都在xml里面。
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.            android:orientation="vertical" android:layout_width="fill_parent"
  4.             android:gravity="center" android:layout_height="fill_parent"
  5.            android:layout_gravity="center" android:background="#b0000000" >
  6.          <LinearLayout android:orientation="vertical"
  7.                    android:layout_width="wrap_content" android:gravity="center"
  8.                    android:layout_height="wrap_content" android:layout_gravity="center"
  9.                    android:background="@drawable/downbutton_corner">
  10.                  <GridView android:id="@+id/gridview" android:layout_width="wrap_content"
  11.                             android:layout_height="wrap_content" android:numColumns="4"
  12.                             android:verticalSpacing="5dip" android:horizontalSpacing="5dip"
  13.                             android:stretchMode="columnWidth" android:gravity="center"
  14.                             android:layout_gravity="center" /></LinearLayout></LinearLayout>
复制代码


第一个linearlayout里面的android:background="#b0000000",就是全屏背景,网上搜的好多半透明都是“#e0000000”,我觉得那颜色太深,“#b0000000”更合适。
第二个linearlayout是popupwind的背景,里面的android:background="@drawable/downbutton_corner"是关键,边框,圆角都是里面定义的。

2。popupwindow的边框,圆角背景。downbutton_corne.xml
  1. <shape xmlns:android="http://schemas.android.com/apk/res/android"
  2.         android:shape="rectangle">
  3.         <gradient android:startColor="#c0000000" android:endColor="#c0000000"
  4.                 android:angle="90" /><!--背景颜色渐变 -->
  5.         <stroke android:dashWidth="2dp" android:dashGap="2dp"
  6.                 android:width="2dp" android:color="#FF00ff00"></stroke>
  7.         <!--描边 -->
  8.         <corners android:bottomRightRadius="5dp"
  9.                 android:bottomLeftRadius="5dp" android:topLeftRadius="5dp"
  10.                 android:topRightRadius="5dp" /><!--设置圆角-->
  11. </shape>
复制代码


这个涉及到shape画图,要是不懂的话。网上很多资料,搜一下就是了。我博客里面也有, http://blog.csdn.net/ymdcr/archive/2010/12/01/6048256.aspx 
<gradient android:startColor="#c0000000" android:endColor="#c0000000" android:angle="90" /><!--背景颜色渐变 -->
我就设置了一个固定的颜色"#c0000000"。android:angle="90"这个是设置颜色渐变方向,从上到下啊,从左到右啊,貌似只能90的倍数,也只有四个方向嘛。
<stroke ></stroke>,边框就是这个实现的。
dashWidth指的是边线的宽度 dashGap 指的是每条线之间的间距,(因为是边线是很多小横线组成的)。

3。淡入淡出动画 
popupWindow.setAnimationStyle(R.style.PopupAnimation);
这条代码是设置style的,动画文件就是在style文件里面引入的。下面是淡入的动画,动画教程网上也很多。淡出的动画就这些参数值交换位置就是了。android:duration这个是持续时间,为了截图,我把它弄成5秒了。
  1. <set xmlns:android="http://schemas.android.com/apk/res/android">
  2.         <scale android:fromXScale="0.6" android:toXScale="1.0"
  3.                 android:fromYScale="0.6" android:toYScale="1.0" android:pivotX="50%"
  4.                 android:pivotY="50%" android:duration="5000" />
  5.         <alpha android:interpolator="@android:anim/decelerate_interpolator"
  6.                 android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="5000" />
  7. </set>
复制代码
  修改版demo.rar (1.74 MB, 下载次数: 2220) 
  demo.rar (1.73 MB, 下载次数: 809) 
相关文章
|
7月前
|
XML API Android开发
Android 自定义View 之 圆环进度条
Android 自定义View 之 圆环进度条
119 0
|
Android开发 图形学
Android自定义控件(三)——贝济埃曲线与水波纹动画
我是清都山水郎,天教分付与疏狂。曾批给雨支风券,累上留云借月章。 诗万首,酒千觞。几曾着眼看侯王?玉楼金阙慵归去,且插梅花醉洛阳。
227 0
Android自定义控件(三)——贝济埃曲线与水波纹动画
|
Android开发
Android 滑动渐变背景Toolbar、点击置顶ScrollView
Android 滑动渐变背景Toolbar、点击置顶ScrollView
219 0
Android 滑动渐变背景Toolbar、点击置顶ScrollView
Dialog和DialogFragment 设置背景透明
Dialog和DialogFragment 设置背景透明
1028 0
|
XML 前端开发 Android开发
Android 渐变圆环,圆形进度条效果实现
Android 渐变圆环,圆形进度条效果实现
Android 渐变圆环,圆形进度条效果实现
|
XML Android开发 数据格式
Android开发学习之使用Toolbar实现不同的Fragment使用不同颜色的标题栏与状态栏
Android开发学习之使用Toolbar实现不同的Fragment使用不同颜色的标题栏与状态栏                                            先看效果图。
2903 0
|
Android开发 容器
Android开发 - 解决DialogFragment在全屏时View被状态栏遮住的问题
我的上一篇文章:设置DialogFragment全屏显示 可以设置对话框的内容全屏显示,但是存在在某些机型上顶部的View被状态栏遮住的问题。经过测试,发现了一种解决办法,在DialogFragment的onCreateView()中添加一个布局监听器: @Override public View.
2474 0
|
Android开发
Android 自定义控件之SlidingMenuVertical顶部悬浮(垂直折叠抽屉,有滑动渐变回调,可自行添加渐变动画)
顶部悬浮(垂直折叠抽屉,有滑动渐变回调,可自行添加渐变动画)
2074 0
|
XML Android开发 数据格式
Android自定义ProgressBar样式:渐变圆角水平进度条
Android自定义ProgressBar样式:渐变圆角水平进度条 关键是android:progressDrawable的设置,设置一个android:progressDrawable资源,但是android:progressDrawable需要是一个layer-list。
4563 0
|
Android开发 容器 Java
Android取消RecyclerView、ListView、ScrollView、HorizontalScrollView滑动到边缘闪现灰白色水波纹动画
Android取消RecyclerView、ListView、ScrollView、HorizontalScrollView滑动到边缘闪现灰白色水波纹动画 标准的Android RecyclerView、ListView、ScrollView、HorizontalScrollView滑动到边缘,会闪现灰白色水波纹动画,以这样大的动画效果提示用户已经滑动到边缘,没法再滑动了。
3054 0