android中的PopupWindow

最新推荐文章于 2024-04-27 14:32:41 发布

cainiao123hack

最新推荐文章于 2024-04-27 14:32:41 发布

阅读量1.8w

点赞数 1

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

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

下面看代码：

       
    01public  class MyActivity extendsActivity  
 
    02{  
 
    03    privatePopupWindow menu;  
 
    04    privateLayoutInflater inflater;  
 
    05    privateView layout;  
 
    06  
 
    07    @Override
 
    08    publicvoid onCreate(Bundle savedInstanceState) 
 
    09    {   
 
    10        super.onCreate(savedInstanceState); 
 
    11        setContentView(R.layout.main); 
 
    12        //实例化PopupWindow创建菜单 
 
    13        initMenu(); 
 
    14    }   
 
    15  
 
    16    //判断按键 菜单的显示与隐藏 
 
    17    @Override
 
    18    publicboolean onKeyDown(intkeyCode, KeyEvent event) {  
 
    19        if(!menu.isShowing()&&keyCode == KeyEvent.KEYCODE_MENU){ 
 
    20           show(); 
 
    21        }else{ 
 
    22            menu.dismiss(); 
 
    23        } 
 
    24        if(keyCode == KeyEvent.KEYCODE_BACK&&menu.isShowing()){ 
 
    25            menu.dismiss(); 
 
    26        } 
 
    27        returntrue;  
 
    28    }   
 
    29    //实例化PopupWindow创建菜单 
 
    30    privatevoid initMenu(){  
 
    31  
 
    32            //获取LayoutInflater实例 
 
    33            inflater  = (LayoutInflater)this.getSystemService(LAYOUT_INFLATER_SERVICE); 
 
    34            //获取弹出菜单的布局 
 
    35            layout = inflater.inflate(R.layout.menu,null); 
 
    36            //设置popupWindow的布局 
 
    37            menu =new PopupWindow(layout, WindowManager.LayoutParams.WRAP_CONTENT,WindowManager.LayoutParams.WRAP_CONTENT); 
 
    38  
 
    39    }   
 
    40  
 
    41    //显示菜单 
 
    42    privatevoid show(){  
 
    43           //设置位置 
 
    44            menu.showAtLocation(this.findViewById(R.id.main), Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL,0,0);//设置在屏幕中的显示位置  
 
    45    }   
 
    46}

菜单的布局文件：

 
    01<?xmlversion="1.0"encoding="utf-8"?>
 
    02 
 
    03<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
 
    04              android:layout_width="fill_parent"
 
    05              android:layout_height="fill_parent"
 
    06              android:orientation="horizontal"
 
    07        >
 
    08    <ImageView
 
    09        android:id="@+id/icon_1"
 
    10        android:background="@drawable/icon_1"
 
    11        android:layout_width="40dp"
 
    12        android:layout_height="40dp"/>
 
    13    <ImageView
 
    14        android:id="@+id/icon_2"
 
    15        android:background="@drawable/icon_2"
 
    16        android:layout_width="40dp"
 
    17        android:layout_height="40dp"/>
 
    18    <ImageView
 
    19        android:id="@+id/icon_3"
 
    20        android:background="@drawable/icon3"
 
    21        android:layout_width="40dp"
 
    22        android:layout_height="40dp"/>
 
    23    <ImageView
 
    24        android:id="@+id/icon_4"
 
    25        android:background="@drawable/icon4"
 
    26        android:layout_width="40dp"
 
    27        android:layout_height="40dp"/>
 
    28 
 
    29</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 plain copy

//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 plain copy

/*必须重写，否则点击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
}
});
}

cainiao123hack

关注

1
点赞
踩
9

收藏

觉得还不错? 一键收藏
2
评论
android中的PopupWindow

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

扫一扫