android中应用PopupWindow实现弹出窗口菜单

android中使用PopupWindow实现弹出窗口菜单

结合上篇android中使用ViewPager实现图片拖动，我们实现了点击“帮助”按钮的功能，这一篇则是接着上一篇，让我们一起来完成“我的”按钮的功能，这一功能，则是使用PopupWindow来实现弹出菜单。

*惯，先上效果图：

图一

android中应用PopupWindow实现弹出窗口菜单
图二

再上项目结构图，如图:

android中应用PopupWindow实现弹出窗口菜单

从项目结构图可见，我们这里并没有新建新的Activity，因为“我的”按钮和“帮助”是在一个页面的，所以，我们只需新建一个效果图中的，弹出菜单的布局文件即可，即popup_menu.xml，代码如下：

Xml代码 

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

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

    android:layout_width="wrap_content"  

    android:layout_height="wrap_content"  

    android:orientation="vertical"  

    <span style="background-color: #99cc00;">android:background="@drawable/popu_menu"</span>  

    android:paddingLeft="1dip"  

    android:paddingRight="1dip"  

    android:paddingTop="1dip"  

    android:paddingBottom="14dip">  

    <Button    

            android:id="@+id/btn_my_favorites"    

            android:layout_width="fill_parent"    

            android:layout_height="wrap_content"    

            android:gravity="center"    

            android:text="我的喜爱"    

            android:layout_weight="1"    

            android:textSize="15sp"    

            android:textColor="@android:color/white"  

            <span style="background-color: #99cc00;">android:background="@drawable/button4"</span>  

            android:textStyle="bold" />    

        <View     

            android:layout_width="fill_parent"    

            android:layout_height="0.5dip"    

            android:background="#eee" />  

        <Button  

            android:id="@+id/btn_my_correction"  

            android:layout_width="fill_parent"  

            android:layout_height="wrap_content"  

            android:layout_weight="1"  

            <span style="background-color: #99cc00;">android:background="@drawable/button4"</span>  

            android:gravity="center"  

            android:text="我的收藏"  

            android:textColor="@android:color/white"  

            android:textSize="15sp"  

            android:textStyle="bold" />  

          <View     

            android:layout_width="fill_parent"    

            android:layout_height="0.5dip"    

            android:background="#eee" />  

           <Button    

            android:id="@+id/btn_my_evaluation"    

            android:layout_width="fill_parent"    

            android:layout_height="wrap_content"    

           <span style="background-color: #99cc00;"> android:background="@drawable/button4"</span>  

            android:gravity="center"    

            android:layout_weight="1"    

            android:text="我的评价"    

            android:textSize="15sp"    

            android:textColor="@android:color/white"  

            android:textStyle="bold"   

            android:focusable="true"/>    

 </LinearLayout>

上面标记为绿色的代码，即是我对弹出菜单的一些背景和按钮的修饰，否则原始的效果很难受。

@drawable/popu_menu，popu_menu是一张图片，也就是弹出菜单的一张棕色的背景图，这个我就不上传附件了，大家随意换一张就行。

@drawable/button4，button4则是一个修饰原生button的xml文件，放置在drawable-hdpi这个文件夹，跟图片一起，代码如下：(颜色大家就自己配置吧，也就是我这里的android:drawable="XXXX"，我就偷下懒了....)

button4.xml:

Xml代码 

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

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

<!-- 没有焦点时的背景颜色 -->    

<item android:state_window_focused="false"  android:drawable="@color/buttonBg"/>    

<!-- 非触摸模式下获得焦点并单击时的背景颜色 -->    

<item android:state_focused="true" android:state_pressed="true"    

android:drawable="@color/main_color" />    

<!--触摸模式下单击时的背景颜色  -->    

<item android:state_focused="false" android:state_pressed="true"    

android:drawable="@color/main2_color" />   

<!--获得焦点时的背景  颜色-->    

<item android:state_focused="true" android:drawable="@color/main2_color" />    

</selector>

最后，图片和布局都准备好了之后，就是在MainActivity.java中去编写代码了，具体流程则是先找到这个按钮，然后绑定事件，最后运行就可以了。代码如下：

Mainactivity.java：

Java代码 

package com.test.citylist;  

import android.app.Activity;  

import android.app.AlertDialog;  

import android.content.Context;  

import android.content.DialogInterface;  

import android.content.Intent;  

import android.graphics.drawable.BitmapDrawable;  

import android.net.Uri;  

import android.os.Bundle;  

import android.view.LayoutInflater;  

import android.view.Menu;  

import android.view.View;  

import android.view.View.OnClickListener;  

import android.widget.Button;  

import android.widget.PopupWindow;  

public class MainActivity extends Activity implements OnClickListener{  

    private Button btn_help,btn_menu;  

    private PopupWindow popupMenu;  

    public void onCreate(Bundle savedInstanceState) {  

        super.onCreate(savedInstanceState);  

        setContentView(R.layout.activity_main);  

        //注册控件并绑定事件  

        btn_help=(Button)findViewById(R.id.btn_help);//这个是上篇文章中的帮助按钮  

        btn_menu=(Button)findViewById(R.id.btn_my_menu);//这个是本篇的菜单按钮  

        btn_help.setOnClickListener(this);  

        btn_menu.setOnClickListener(this);  

    }  

    @Override  

    public boolean onCreateOptionsMenu(Menu menu) {  

        getMenuInflater().inflate(R.menu.activity_main, menu);  

        return true;  

    }  

    @Override  

    public void onClick(View v) {  

        // TODO Auto-generated method stub  

        switch (v.getId()) {  

        case R.id.btn_help:  

            Intent intent=new Intent();  

            intent.setClass(MainActivity.this, HelpActivity.class);  

            startActivity(intent);  

            break;  

        case R.id.btn_my_menu:  

            initPopupMenu();//调用弹出菜单  

            break;  

        default:  

            break;  

        }  

    }  

    //点击我的菜单  

    private void initPopupMenu(){  

        if(popupMenu==null){  

             LayoutInflater lay = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE);      

             View v = lay.inflate(R.layout.popup_menu, null);      

             //点击我的喜爱  

             ((Button)v.findViewById(R.id.btn_my_favorites)).setOnClickListener(new OnClickListener(){  

                @Override  

                public void onClick(View view) {  

                    popupMenu.dismiss();  

                    Intent intent=new Intent(MainActivity.this,MainActivity.class);  

                    startActivity(intent);  

                }  

            });  

             //点击我的收藏  

             ((Button)v.findViewById(R.id.btn_my_correction)).setOnClickListener(new OnClickListener(){  

                @Override  

                public void onClick(View view) {  

                    popupMenu.dismiss();  

                    Intent intent=new Intent(MainActivity.this,MainActivity.class);  

                    startActivity(intent);  

                }  

            });  

             //点击我的评价  

             ((Button)v.findViewById(R.id.btn_my_evaluation)).setOnClickListener(new OnClickListener(){  

                @Override  

                public void onClick(View view) {  

                    popupMenu.dismiss();  

                    Intent intent=new Intent(MainActivity.this,MainActivity.class);  

                    startActivity(intent);  

                }  

            });  

             popupMenu = new PopupWindow(v, getApplicationContext().getResources().getDisplayMetrics().widthPixels/3,  

                                            getApplicationContext().getResources().getDisplayMetrics().heightPixels/4 , true);  

        }  

         //设置整个popupwindow的样式。      

         popupMenu.setBackgroundDrawable(new BitmapDrawable());      

         //使窗口里面的空间显示其相应的效果，比较点击button时背景颜色改变。      

         //如果为false点击相关的空间表面上没有反应，但事件是可以监听到的。      

         //listview的话就没有了作用。      

         popupMenu.setFocusable(true);      

         popupMenu.setOutsideTouchable(true);  

         popupMenu.update();     

         popupMenu.showAsDropDown(btn_menu);  

    }  

}

到这里，运行代码，就可以看到效果图所示效果了，说做事要有始有终，既然我的这个页面上的两个按钮的功能已经分别实现了，那么最后一个“分享”按钮，我也不愿把它落下，那么点击“分享”后，是什么效果，用什么实现，请大家关注我的下一篇文章。

android中应用PopupWindow实现弹出窗口菜单

相关推荐