自定义popupwindow

摘要:
整个弹出窗口中有一个GridView。图片也类似于UC浏览器界面项目。非常感谢。第二个线性布局是弹出窗口的背景。android:background=“@drawable/downbutton_ckerner”是关键。边框和圆角在内部定义。弹出窗口的边框和圆形背景--背景颜色渐变--˃˂!

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: 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: 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>
复制代码



大概就是这些了。

还有一个关键的问题。弹出pop之后,back键无效了,必须在pop里面设置事件dismiss掉。下面是问题的描述,哪位解决了,告诉我一下,谢谢。

问题解决了,是因为没设置背景的原因。    
popupWindow.setBackgroundDrawable(new BitmapDrawable());
//把这一行放在
showAtLocation前面就行了,以前是放在后面的,粗心了。
popupWindow.showAtLocation(findViewById(R.id.parent), Gravity.CENTER
                | Gravity.CENTER, 0, 0);
  
网上也有很多人说,弹出pop之后,不响应键盘事件了,这个其实是焦点在pop里面的view去了。
以这个为例,焦点就在gridview上面去了。28楼的兄弟提示的,谢了。
在gridview加上
setOnKeyListener,就能解决。
  1. menuGrid.setOnKeyListener(new OnKeyListener() {
  2.             @Override
  3.             public boolean onKey(View v, int keyCode, KeyEvent event) {
  4.                 switch (keyCode) {
  5.                 case KeyEvent.KEYCODE_MENU:
  6.                     if (popupWindow != null && popupWindow.isShowing()) {
  7.                         popupWindow.dismiss();
  8.                         System.out.println("menuGridfdsfdsfdfd");
  9.                     }
  10.                     break;
  11.                 }
  12.             
  13.                 return true;
  14.             }
  15.         });
复制代码
[ code]/**
     * ColorDrawable dw = new ColorDrawable(-00000);
     * popupWindow.setBackgroundDrawable(dw);
     * 本来看了个示例,加上上面这两行就不用调用dismiss,点击窗口之外的部位,或者按back键都能关闭窗口。 但是我这样写了,还是不行。
     * 而且竟然捕获不到键盘事件,杯具,希望哪个解决了这个问题告诉我,谢谢。
     */
    /*
     * @Override public boolean onKeyDown(int keyCode, KeyEvent event) { switch
     * (keyCode) { case KeyEvent.KEYCODE_BACK: if (popupWindow != null) {
     * popupWindow.dismiss(); }
     *
     * Toast.makeText(this, "fd", 1000).show(); break;
     *
     * } return super.onKeyUp(keyCode, event); }
     */[/code]

免责声明:文章转载自《自定义popupwindow》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇如何理解全连接层用反射的方式获取父类中的所有属性和方法下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

键盘各种按键对应的ASII码

键盘各种按键对应的ASII码如下: keycode 8 = BackSpace BackSpacekeycode 9 = Tab Tabkeycode 12 = Clearkeycode 13 = Enterkeycode 16 = Shift_Lkeycode 17 = Control_Lkeycode 18 = Alt_Lkeycode 19 = Pa...

用PopupWindow做下拉框

    最近在做下拉框,本来想用spinner,可是spinner达不到项目要求,跟同学同事问了一圈,都在用popwindow, 网上看了一下,popwindow挺简单的,可定制性挺强的,符合我的要求,所以,借鉴网上看的代码,自己撸了一 遍。写篇博客以防忘记。     首先,先写个自定义布局,代码如下 <?xml version="1.0" enc...

android PopupWindow实现从底部弹出或滑出选择菜单或窗口

本实例弹出窗口主要是继承PopupWindow类来实现的弹出窗体,布局可以根据自己定义设计。弹出效果主要使用了translate和alpha样式实现,具体实习如下: 第一步:设计弹出窗口xml: Xml代码   <?xml version="1.0" encoding="utf-8"?>   <RelativeLayout   ...

Android弹出输入提示框--PopupWindow实现

  前言  之前直接用Dialog实现了弹出对话框。现在尝试用更好地解决方案--PopupWindow类--来实现   1.首先搞一个弹出框布局,和之前类似。   这样的东西,它的布局是这样: 1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout xmlns:android...

Android随笔之——模拟按键操作的几种方式

  前几天转过一篇Android上模拟按键操作、触屏事件的博客,昨天又去找了百度、谷歌了一下,写了一点简单的测试代码,留待不时之需。有需要看之前转载的那篇博客的请看这里→_→转:Android随笔之——使用Root权限实现后台模拟全局按键、触屏事件方法(类似按键精灵),这里我就直接上代码了。    1 package com.lsj.keyboardsa...

用PopupWindow实现弹出菜单(弹出的菜单采用自定义布局)

     用PopupWindow实现弹出菜单是一个比较好的方式。当然我们还有一个类PopupMenu也能实现弹出菜单,但那个太过于局限了,所以不是很推荐。 这个实例的效果是这样的:点击按钮后,一个菜单从屏幕的右边滑入到屏幕中,点击按钮/空白处后菜单消失。 布局文件时一个按钮,我就不贴出代码了。下面是菜单的布局: <?xml version="1.0...