Android PopWindow使用

最新推荐文章于 2024-06-11 00:02:05 发布

scottcdx

最新推荐文章于 2024-06-11 00:02:05 发布

阅读量1.1k

点赞数

文章标签： android popwindow

Android使用PopupWindow创建一个简单的菜单

PopupWindow是一个弹出式窗口，它可以展示任意View。他会浮在当前窗口的上方展示。

下面看代码：

      
    public class MyActivity extendsActivity 
 
    { 
 
        privatePopupWindow menu; 
 
        privateLayoutInflater inflater; 
 
       privateView layout; 
 
        @Override
 
        publicvoidonCreate(Bundle savedInstanceState) 
 
        { 
 
            super.onCreate(savedInstanceState); 
 
            setContentView(R.layout.main); 
 
            //实例化PopupWindow创建菜单 
 
            initMenu(); 
 
        } 
 
        //判断按键 菜单的显示与隐藏 
 
        @Override
 
        publicbooleanonKeyDown(intkeyCode, KeyEvent event) { 
 
            if(!menu.isShowing()&&keyCode == KeyEvent.KEYCODE_MENU){ 
 
              show(); 
 
            }else{ 
 
                menu.dismiss(); 
 
            } 
 
            if(keyCode == KeyEvent.KEYCODE_BACK&&menu.isShowing()){ 
 
                menu.dismiss(); 
 
            } 
 
            returntrue; 
 
        } 
 
        //实例化PopupWindow创建菜单 
 
        privatevoidinitMenu(){ 
 
                //获取LayoutInflater实例 
 
                inflater  = (LayoutInflater)this.getSystemService(LAYOUT_INFLATER_SERVICE); 
 
                //获取弹出菜单的布局 
 
                layout = inflater.inflate(R.layout.menu,null); 
 
                //设置popupWindow的布局 
 
                menu =newPopupWindow(layout, WindowManager.LayoutParams.WRAP_CONTENT,WindowManager.LayoutParams.WRAP_CONTENT); 
 
        } 
 
        //显示菜单 
 
        privatevoidshow(){ 
 
              //设置位置 
 
                menu.showAtLocation(this.findViewById(R.id.main), Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL,0,0);//设置在屏幕中的显示位置 
 
        } 
 
    }

单的布局文件：

 
    <?xmlversion="1.0"encoding="utf-8"?>
 
    <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
 
                  android:layout_width="fill_parent"
 
                  android:layout_height="fill_parent"
 
                  android:orientation="horizontal"
 
            >
 
        <ImageView
 
            android:id="@+id/icon_1"
 
            android:background="@drawable/icon_1"
 
            android:layout_width="40dp"
 
            android:layout_height="40dp"/>
 
        <ImageView
 
            android:id="@+id/icon_2"
 
            android:background="@drawable/icon_2"
 
            android:layout_width="40dp"
 
            android:layout_height="40dp"/>
 
        <ImageView
 
            android:id="@+id/icon_3"
 
            android:background="@drawable/icon3"
 
            android:layout_width="40dp"
 
            android:layout_height="40dp"/>
 
        <ImageView
 
            android:id="@+id/icon_4"
 
            android:background="@drawable/icon4"
 
            android:layout_width="40dp"
 
            android:layout_height="40dp"/>
 
    </LinearLayout>

半透明弹出框PopUpWindow

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

PopUpWindow实现半透明弹出框关键点：

布局文件最外层设置为全屏背景颜色为半透明

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

   android:layout_width="fill_parent"

    android:layout_height="fill_parent"

   android:background="@color/translucent"

    android:gravity="center"

    android:orientation="vertical"

    >

.......

        <ListView

            android:id="@+id/qianghaoqi_diary_pop_list"

            android:divider="@null"

            android:scrollingCache="false"

            android:fadingEdge="none"

            android:scrollbarThumbVertical="@drawable/game_blade_qianghaoqi_listview_scrollbar"

            android:layout_marginBottom="@dimen/dip5"

            android:layout_marginLeft="@dimen/dip5"

           android:layout_marginRight="@dimen/dip10"

            android:layout_width="fill_parent"

            android:layout_height="wrap_content"

            android:layout_gravity="center"

            android:listSelector="@null"

            android:paddingLeft="15.0dip"

           />

.........

</RelativeLayout>

new一个全屏的PopUpWindow

//必须为true,可以获取焦点

mPopWin = new PopupWindow(aPopView, LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT,true);

//mPopWin.setHeight(450);//设置PopupWindow高度

//必须设置。改变弹出窗口的背景，当然也可以设置为NULL。

mPopWin.setBackgroundDrawable(mActivity.getResources().getDrawable(R.drawable.game_blade_qianghaoqi_transparent_bg));

mPopWin.showAtLocation(aParentView,Gravity.CENTER, 0, 0);

//如果窗口已经显示过，更改此值只能在下一次显示时起作用，或者调用update()

mPopWin.update();

如果PopUpWindow内的布局会夺取焦点（如示例ListView）,注意代码

mListView.requestFocus();

// 焦点到了listView上，所以需要监听此处的键盘事件。否则会出现不响应键盘事件的情况

mListView.setOnKeyListener(new OnKeyListener() {

@Override

public boolean onKey(View v, int keyCode, KeyEvent event) {

if (keyCode == KeyEvent.KEYCODE_BACK) {

closePopWin();

}

return true;

}

});

关闭PopUpWindow

private void closePopWin(){

if (mPopWin != null && mPopWin.isShowing()) {

mPopWin.dismiss();

}

}

PopUpWindow一般应用

mPopWin = new PopupWindow(mPopView, LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);

mPopWin.setBackgroundDrawable(mActivity.getResources().getDrawable(R.drawable.game_blade_qianghaoqi_transparent_bg));

mPopWin.setOutsideTouchable(true);

mPopWin.setFocusable(true);

mPopWin.showAsDropDown(aParentView,0,-15);

mPopWin.update();

0 热度 | 全文链接

#PopWin #半透明

Android之PopWindow

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

// WindowManager.LayoutParams lp =getWindow().getAttributes();
// lp.alpha =0.5f; //0.0-1.0
// getWindow().setAttributes(lp);

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

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

弹出popwindow的代码如下，比较乱，多包涵：

popupWindow = new PopupWindow(menuView,LayoutParams.FILL_PARENT

LayoutParams.FILL_PARENT,true);

popupWindow.showAtLocation(findViewById(R.id.parent),Gravity.CENTER

|Gravity.CENTER, 0, 0);

popupWindow.setAnimationStyle(R.style.PopupAnimation);

//加上下面两行可以用back键关闭popupwindow，否则必须调用dismiss();

ColorDrawable dw = new ColorDrawable(-00000);

popupWindow.setBackgroundDrawable(dw);

popupWindow.update();

下面是实现步骤：
1。背景置灰：
    popupWindow =new PopupWindow(menuView,LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT, true);
    第二三个参数必须是LayoutParams.FILL_PARENT，这样才能填充整个屏幕，达到背景置灰的目的。
    整个popupwindow里面是一个GridView，图片什么的也是用的那个仿UC浏览器界面项目的，在此谢谢了。
    关键的东西都在xml里面。

<?xml version="1.0"encoding="utf-8"?>

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"android:layout_width="fill_parent"

android:gravity="center"android:layout_height="fill_parent"

android:layout_gravity="center"android:background="#b0000000" >

<LinearLayoutandroid:orientation="vertical"

android:layout_width="wrap_content"android:gravity="center"

android:layout_height="wrap_content"android:layout_gravity="center"

android:background="@drawable/downbutton_corner">

<GridViewandroid:id="@+id/gridview"android:layout_width="wrap_content"

android:layout_height="wrap_content"android:numColumns="4"

android:verticalSpacing="5dip"android:horizontalSpacing="5dip"

android:stretchMode="columnWidth"android:gravity="center"

android:layout_gravity="center"/></LinearLayout></LinearLayout>

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

2。popupwindow的边框，圆角背景。downbutton_corne.xml

<shapexmlns:android="http://schemas.android.com/apk/res/android"

android:shape="rectangle">

<gradientandroid:startColor="#c0000000"android:endColor="#c0000000"

android:angle="90" />

<strokeandroid:dashWidth="2dp" android:dashGap="2dp"

android:width="2dp"android:color="#FF00ff00"></stroke>

<cornersandroid:bottomRightRadius="5dp"

android:bottomLeftRadius="5dp"android:topLeftRadius="5dp"

android:topRightRadius="5dp"/>

</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秒了。

<setxmlns:android="http://schemas.android.com/apk/res/android">

<scaleandroid:fromXScale="0.6" android:toXScale="1.0"

android:fromYScale="0.6" android:toYScale="1.0"android:pivotX="50%"

android:pivotY="50%" android:duration="5000"/>

<alphaandroid:interpolator="@android:anim/decelerate_interpolator"

android:fromAlpha="0.0" android:toAlpha="1.0"android:duration="5000" />

</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，就能解决。

menuGrid.setOnKeyListener(newOnKeyListener() {

@Override

publicboolean onKey(View v, int keyCode, KeyEvent event){

switch(keyCode) {

caseKeyEvent.KEYCODE_MENU:

if(popupWindow != null &&popupwindows.isShowing()) {

popupWindow.dismiss();

System.out.println("menuGridfdsfdsfdfd");

}

break;

}

returntrue;

}

});

---------------------------------------------------------------------------------

使用PopupWindow来做自定义menu，往PopupWindow增加一个子View，子View的布局就是menu的布局。

出现和退出的动画：可以给PopUpWindow或它的子view添加。

网上所有用PopupWindow做的menu有个共同特点：就是点击menu键出现PopupWindow，然后再点击menu键无法使PopupWindow退出/dismiss()。

当给PopupWindow设置了setFocusable(true)，menu显示后，点击menu其他任何地方，menu都会消失，但是这时候按钮的点击事件其实是不响应的。同时只响应键盘的返回键，其他按键均不响应，比如点击menu键，没有任何反应。

要解决这个问题很简单，就是给PopupWindow的子View设置下面的代码：

[java]view plaincopy 
   
 //sub_view 是PopupWindow的子View  
 sub_view.setFocusableInTouchMode(true);  
 sub_view.setOnKeyListener(new OnKeyListener() {  
     @Override  
     public boolean onKey(View v, int keyCode, KeyEvent event) {  
         // TODO Auto-generated method stub  
         if ((keyCode == KeyEvent.KEYCODE_MENU)&&(mPopupWindow.isShowing())) {  
             mPopupWindow.dismiss();// 这里写明模拟menu的PopupWindow退出就行  
             return true;  
         }  
         return false;  
     }  
 });  

记住，一定要给PopupWindow设置setFocusable(true)，要不然点击menu其他地方以及返回键，menu都不会退出。且这时候是响应PopupWindow的parent的menu事件的。

下面阐述为什么这么写之后，当PopupWindow显示后，点击menu键PopupWindow会退出的原因：

首先得明白为什么给PopupWindow setFocusable(true)后，点击menu出现PopupWindow后再点击menu没反应的原因。

PopupWindow初始化的时候一般都指定了在哪个View上出现，我们称这个View为parent。parent里面写了点击menu出现PopupWindow的事件，如果给PopupWindow setFocusable(true)，此时屏幕的焦点在PopupWindow上面，肯定是不会响应parent的按键事件的，它只会响应PopupWindow的按键事件。

但是PopupWindow的本质是Window，没有继承View类，自己没有onkeyDown或onkey或dispatchKey这些事件的。我刚开始试着实现这些接口，但是按键依然不响应，不知原因。因现在对按键的原理还不熟，无法阐述其原因。

然后我想绕道而行，就是给PopupWindow的子View注册按键事件，setKeyListener，刚开始我在子View的xml设置了android:focusable=”true” 但按键事件依然不响应。。。。纠结啊纠结。。。然后没得办法，我google了所有关于PopupWindow的文章。。。最后终于被我发现。。。需要给PopupWindow的子View 设置setFocusableInTouchMode(true)。这时候按键事件就响应了。。。

下面附上完整代码：

[java]view plaincopy 
   
    /*必须重写，否则点击MENU无反应  为了让他不显示，下面onMenuOpened（）必须返回false*/  
 @Override  
 public boolean onCreateOptionsMenu(Menu menu) {  
     menu.add("menu");// 必须创建一项  
     return super.onCreateOptionsMenu(menu);  
 }  
 /** 
  * 拦截MENU 
  */  
 @Override  
 public boolean onMenuOpened(int featureId, Menu menu) {  
     if(mPopupWindow != null){  
         if(!mPopupWindow.isShowing()){  
             /*最重要的一步：弹出显示   在指定的位置(parent)  最后两个参数 是相对于 x / y 轴的坐标*/  
             mPopupWindow.showAtLocation(findViewById(R.id.linear_menu_parent), Gravity.BOTTOM, 0, 0);  
         }  
     }  
     return false;// 返回为true 则显示系统menu  
 }  
   
      
    private void initPopuWindow(int menuViewID){  
     LayoutInflater mLayoutInflater = (LayoutInflater) getSystemService(LAYOUT_INFLATER_SERVICE);  
     /*设置显示menu布局   view子VIEW*/  
     sub_view = mLayoutInflater.inflate(menuViewID, null);  
     /*第一个参数弹出显示view  后两个是窗口大小*/  
     mPopupWindow = new PopupWindow(sub_view, LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT);  
     /*设置背景显示*/  
     mPopupWindow.setBackgroundDrawable(getResources().getDrawable(R.drawable.bg_menu_popup));  
     /*设置触摸外面时消失*/  
     mPopupWindow.setOutsideTouchable(true);  
     /*设置系统动画*/  
     mPopupWindow.setAnimationStyle(android.R.style.Animation_Dialog);  
     mPopupWindow.update();  
     mPopupWindow.setTouchable(true);  
     /*设置点击menu以外其他地方以及返回键退出*/  
     mPopupWindow.setFocusable(true);  
       
     /** 1.解决再次点击MENU键无反应问题   
      *  2.sub_view是PopupWindow的子View 
      */  
     sub_view.setFocusableInTouchMode(true);  
     sub_view.setOnKeyListener(new OnKeyListener() {  
         @Override  
         public boolean onKey(View v, int keyCode, KeyEvent event) {  
             // TODO Auto-generated method stub  
             if ((keyCode == KeyEvent.KEYCODE_MENU)&&(mPopupWindow.isShowing())) {  
                 mPopupWindow.dismiss();// 这里写明模拟menu的PopupWindow退出就行  
                 return true;  
             }  
             return false;  
         }  
     });  
       
       
     /*监听MENU事件*/  
     menu = new View[3];  
     menu[0] = sub_view.findViewById(R.id.menu_0);  
     menu[1] = sub_view.findViewById(R.id.menu_1);  
     menu[2] = sub_view.findViewById(R.id.menu_2);  
       
     menu[0].setOnClickListener(new OnClickListener() {  
         @Override  
         public void onClick(View v) {  
             // doSomething  
               
         }  
     });  
       
     menu[1].setOnClickListener(new OnClickListener() {  
         @Override  
         public void onClick(View v) {  
             // doSomething  
               
         }  
     });  
       
     menu[2].setOnClickListener(new OnClickListener() {  
         @Override  
         public void onClick(View v) {  
             // doSomething  
               
         }  
     });  
    }  

scottcdx

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Android PopWindow使用

Android使用PopupWindow创建一个简单的菜单PopupWindow是一个弹出式窗口，它可以展示任意View。他会浮在当前窗口的上方展示。下面看代码： public class MyActivity extendsActivity {
复制链接

扫一扫