代码介绍:
下面是实现步骤:
1。背景置灰:
popupWindow = new PopupWindow(menuView, LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT, true);
第二三个参数必须是LayoutParams.FILL_PARENT,这样才能填充整个屏幕,达到背景置灰的目的。
整个popupwindow里面是一个GridView,图片什么的也是用的那个仿UC浏览器界面项目的,在此谢谢了。
关键的东西都在xml里面。
第一个linearlayout里面的android:background="#b0000000",就是全屏背景,网上搜的好多半透明都是“#e0000000”,我觉得那颜色太深,“#b0000000”更合适。
第二个linearlayout是popupwind的背景,里面的android:background="@drawable/downbutton_corner"是关键,边框,圆角都是里面定义的。
2。popupwindow的边框,圆角背景。downbutton_corne.xml
这个涉及到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。背景置灰:
popupWindow = new PopupWindow(menuView, LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT, true);
第二三个参数必须是LayoutParams.FILL_PARENT,这样才能填充整个屏幕,达到背景置灰的目的。
整个popupwindow里面是一个GridView,图片什么的也是用的那个仿UC浏览器界面项目的,在此谢谢了。
关键的东西都在xml里面。
01 | <? xml version = "1.0" encoding = "utf-8" ?> |
02 | < LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android" |
03 | android:orientation = "vertical" android:layout_width = "fill_parent" |
04 | android:gravity = "center" android:layout_height = "fill_parent" |
05 | android:layout_gravity = "center" android:background = "#b0000000" > |
06 | < LinearLayout android:orientation = "vertical" |
07 | android:layout_width = "wrap_content" android:gravity = "center" |
08 | android:layout_height = "wrap_content" android:layout_gravity = "center" |
09 | 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" /> |
15 | </ LinearLayout > |
16 | </ LinearLayout > |
第二个linearlayout是popupwind的背景,里面的android:background="@drawable/downbutton_corner"是关键,边框,圆角都是里面定义的。
2。popupwindow的边框,圆角背景。downbutton_corne.xml
01 | < shape xmlns:android = "http://schemas.android.com/apk/res/android" |
02 | android:shape = "rectangle" > |
03 | < gradient android:startColor = "#c0000000" android:endColor = "#c0000000" |
04 | android:angle = "90" /> <!--背景颜色渐变 --> |
05 | < stroke android:dashWidth = "2dp" android:dashGap = "2dp" |
06 | android:width = "2dp" android:color = "#FF00ff00" ></ stroke > |
07 | <!--描边 --> |
08 | < corners android:bottomRightRadius = "5dp" |
09 | android:bottomLeftRadius = "5dp" android:topLeftRadius = "5dp" |
10 | android:topRightRadius = "5dp" /> <!--设置圆角--> |
11 | </ shape > |
<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 > |