【Android UI设计与开发】7.底部菜单栏（四）PopupWindow 实现显示仿腾讯新闻菜单

浏览数：28 / 时间：2015年06月11日

前一篇文章中有用到 PopupWindow 来实现弹窗的功能。简单介绍以下吧。

官方文档是这样解释的：这就是一个弹出窗口,可以用来显示一个任意视图。出现的弹出窗口是一个浮动容器的当前活动。

1.首先来个简单的栗子，效果如下：

只有两个布局文件，一个是弹窗布局（只有一张图片），一个是主界面布局（只有一个按钮）。

然后在主界面代码中实例 PopupWindow ，指定弹出的界面，在按钮点击事件中显示或隐藏弹窗就可以了，代码如下：

package com.yanis.demo;

import android.app.Activity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.LinearLayout.LayoutParams;
import android.widget.PopupWindow;

public class PopupWindowActivity extends Activity {
    PopupWindow pop;
    Button btn;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_popup_window);
        btn = (Button) findViewById(R.id.btnShowWindow);

        LayoutInflater inflater = LayoutInflater.from(this);
        // 引入窗口配置文件 - 即弹窗的界面
        View view = inflater.inflate(R.layout.my_popup_window, null);
        // PopupWindow实例化
        pop = new PopupWindow(view, LayoutParams.WRAP_CONTENT,
                LayoutParams.WRAP_CONTENT, false);

        btn.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                if (pop.isShowing()) {
                    // 隐藏窗口，如果设置了点击窗口外消失，则不需要此方式隐藏
                    pop.dismiss();
                } else {
                    // 弹出窗口显示内容视图,默认以锚定视图的左下角为起点，这里为点击按钮
                    pop.showAsDropDown(v);
                }
            }
        });

    }
}

2.知道了怎么实现 PopupWindow 弹窗，利用其特性替换系统自带的菜单栏，来个仿腾讯新闻的菜单吧，效果图如下：

技术分享

布局什么的花点时间，慢慢调，自然就出来了，主要还是主界面的逻辑代码啊，菜单就是通过 PopupWindow 来显示的，具体代码如下：

package com.yanis.popup_window;

import android.app.Activity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.LinearLayout.LayoutParams;
import android.widget.PopupWindow;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity implements OnClickListener {
    PopupWindow pop;
    TextView hideView;
    Button btnCancel;
    ImageView btnNight, btnWord, btnExit;
    View view;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initView();
        initData();
    }

    /**
     * 初始化组件
     */
    private void initView() {
        hideView = (TextView) findViewById(R.id.hideView);

        LayoutInflater inflater = LayoutInflater.from(this);
        // 引入窗口配置文件 - 即弹窗的界面
        view = inflater.inflate(R.layout.menu_view, null);
        btnNight = (ImageView) view.findViewById(R.id.btnNight);
        btnWord = (ImageView) view.findViewById(R.id.btnWord);
        btnExit = (ImageView) view.findViewById(R.id.btnExit);
        btnCancel = (Button) view.findViewById(R.id.btnCancel);

    }

    /**
     * 初始化数据
     */
    private void initData() {
        btnNight.setOnClickListener(this);
        btnWord.setOnClickListener(this);
        btnExit.setOnClickListener(this);
        btnCancel.setOnClickListener(this);
        // PopupWindow实例化
        pop = new PopupWindow(view, LayoutParams.MATCH_PARENT,
                LayoutParams.WRAP_CONTENT, true);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        if (pop.isShowing()) {
            // 隐藏窗口，如果设置了点击窗口外消失，则不需要此方式隐藏
            pop.dismiss();
        } else {
            // 显示窗口，位置为父容器底部
            pop.showAtLocation(hideView, Gravity.BOTTOM, 0, 0);
        }
        return super.onCreateOptionsMenu(menu);
    }

    @Override
    public boolean onMenuOpened(int featureId, Menu menu) {
        if (pop.isShowing()) {
            // 隐藏窗口，如果设置了点击窗口外消失，则不需要此方式隐藏
            pop.dismiss();
        } else {
            // 弹出窗口显示内容视图,默认以锚定视图的左下角为起点，这里为点击按钮
            pop.showAtLocation(hideView, Gravity.BOTTOM, 0, 0);
        }
        return super.onMenuOpened(featureId, menu);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
        case R.id.btnNight:
            closeThePopupWindow();
            Toast.makeText(MainActivity.this, "你点击了夜间模式", Toast.LENGTH_SHORT)
                    .show();
            break;
        case R.id.btnWord:
            closeThePopupWindow();
            Toast.makeText(MainActivity.this, "你点击了文本模式", Toast.LENGTH_SHORT)
                    .show();
            break;
        case R.id.btnExit:
            closeThePopupWindow();
            finish();
            break;
        case R.id.btnCancel:
            closeThePopupWindow();
            break;
        }
    }

    /**
     * 关闭 PopupWindow
     */
    private void closeThePopupWindow() {
        if (pop != null) {
            pop.dismiss();
        }
    }

}