虚位以待(AD)
虚位以待(AD)
首页 > 软件编程 > Android编程 > Android UI设计与开发之PopupWindow仿腾讯新闻底部弹出菜单

Android UI设计与开发之PopupWindow仿腾讯新闻底部弹出菜单
类别:Android编程   作者:码皇   来源:互联网   点击:

这篇文章主要为大家详细介绍了Android UI设计与开发之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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关热词搜索: PopupWindow仿腾讯新闻底部弹出菜单 Popup