PopupWindow 实现显示仿腾讯新闻底部弹出菜单

前一篇文章中有用到 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.app.AlertDialog;import android.content.DialogInterface;import android.graphics.drawable.BitmapDrawable;import android.os.Bundle;import android.util.Log;import android.view.Gravity;import android.view.KeyEvent;import android.view.LayoutInflater;import android.view.View;import android.view.View.OnClickListener;import android.view.View.OnKeyListener;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,        OnKeyListener {    PopupWindow pop;    TextView hideView;    Button btnCancel;    ImageView btnNight, btnWord, btnExit;    View view;    boolean isOut, isIn;// 是否弹窗显示    @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);        view.setFocusableInTouchMode(true);        view.setOnKeyListener(this);        // PopupWindow实例化        pop = new PopupWindow(view, LayoutParams.MATCH_PARENT,                LayoutParams.WRAP_CONTENT, true);        /**         * PopupWindow 设置         */        // pop.setFocusable(true); //设置PopupWindow可获得焦点        // pop.setTouchable(true); //设置PopupWindow可触摸        // pop.setOutsideTouchable(true); // 设置非PopupWindow区域可触摸        // 设置PopupWindow显示和隐藏时的动画        pop.setAnimationStyle(R.style.MenuAnimationFade);        /**         * 改变背景可拉的弹出窗口。后台可以设置为null。 这句话必须有，否则按返回键popwindow不能消失 或者加入这句话         * ColorDrawable dw = new         * ColorDrawable(-00000);pop.setBackgroundDrawable(dw);         */        pop.setBackgroundDrawable(new BitmapDrawable());    }    /**     * 按钮点击事件监听     *      * @param v     */    @Override    public void onClick(View v) {        switch (v.getId()) {        case R.id.btnNight:            changePopupWindowState();            Toast.makeText(MainActivity.this, "你点击了夜间模式", Toast.LENGTH_SHORT)                    .show();            break;        case R.id.btnWord:            changePopupWindowState();            Toast.makeText(MainActivity.this, "你点击了文本模式", Toast.LENGTH_SHORT)                    .show();            break;        case R.id.btnExit:            exitTheDemo();            break;        case R.id.btnCancel:            changePopupWindowState();            break;        }    }    /**     * 退出程序     */    private void exitTheDemo() {        changePopupWindowState();        new AlertDialog.Builder(MainActivity.this).setMessage("确定退出这个 Demo 吗？")                .setPositiveButton("确定", new DialogInterface.OnClickListener() {                    @Override                    public void onClick(DialogInterface dialog, int which) {                        finish();                    }                }).setNegativeButton("取消", null).show();    }    /**     * 改变 PopupWindow 的显示和隐藏     */    private void changePopupWindowState() {        if (pop.isShowing()) {            // 隐藏窗口，如果设置了点击窗口外消失，则不需要此方式隐藏            pop.dismiss();        } else {            // 弹出窗口显示内容视图,默认以锚定视图的左下角为起点，这里为点击按钮            pop.showAtLocation(hideView, Gravity.BOTTOM, 0, 0);        }    }    // Called when a key was pressed down and not handled by any of the views    // inside of the activity    @Override    public boolean onKeyDown(int keyCode, KeyEvent event) {        switch (keyCode) {        case KeyEvent.KEYCODE_MENU:// 菜单键监听            isOut = true;            changePopupWindowState();            break;        }        return super.onKeyDown(keyCode, event);    }    // Called when a hardware key is dispatched to a view.    @Override    public boolean onKey(View v, int keyCode, KeyEvent event) {        switch (keyCode) {        case KeyEvent.KEYCODE_MENU:            if (isOut && !isIn) {                isOut = false;                isIn = true;            } else if (!isOut && isIn) {                isIn = false;                changePopupWindowState();            }            break;        }        return false;    }}

 

 

源代码地址：https://github.com/YeXiaoChao/Yc_ui_popup_window

本文地址：http://www.cnblogs.com/yc-755909659/p/4288864.html