Android UI设计与开发之PopupWindow仿腾讯新闻底部弹出菜单

发布时间 - 2026-01-11 03:01:31    点击率:

前一篇文章中有用到 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仿腾讯新闻底部弹出菜单  # PopupWindow仿新闻底部弹出菜单  # PopupWindow底部弹出菜单  # Android实现雅虎新闻摘要加载视差动画效果  # Android仿网易新闻图片详情下滑隐藏效果示例代码  # Android开发实现自定义新闻加载页面功能实例  # Android RecyclerView仿新闻头条的频道管理功能  # Android网络编程之简易新闻客户端  # Android模拟实现网易新闻客户端  # Android 模拟新闻APP显示界面滑动优化实例代码  # Android实现基本功能的新闻应用  # 弹出窗口  # 是一个  # 不需要  # 这句话  # 来个  # 配置文件  # 是这样  # 腾讯  # 中有  # 这就  # 弹出  # 只有一个  # 设置为  # 来实现  # 一篇文章  # 源代码  # 大家多多  # 夜间  # 就可以  # 可以用来 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 如何在建站之星绑定自定义域名?  Laravel如何使用API Resources格式化JSON响应_Laravel数据资源封装与格式化输出  laravel怎么使用数据库工厂(Factory)生成带有关联模型的数据_laravel Factory生成关联数据方法  🚀拖拽式CMS建站能否实现高效与个性化并存?  Python制作简易注册登录系统  HTML5空格和margin有啥区别_空格与外边距的使用场景【说明】  Laravel Eloquent关联是什么_Laravel模型一对一与一对多关系精讲  Laravel如何处理和验证JSON类型的数据库字段  Laravel storage目录权限问题_Laravel文件写入权限设置  Win11摄像头无法使用怎么办_Win11相机隐私权限开启教程【详解】  Laravel如何实现邮箱地址验证功能_Laravel邮件验证流程与配置  Laravel怎么使用Session存储数据_Laravel会话管理与自定义驱动配置【详解】  JavaScript如何实现音频处理_Web Audio API如何工作?  动图在线制作网站有哪些,滑动动图图集怎么做?  Laravel怎么写单元测试_PHPUnit在Laravel项目中的基础测试入门  头像制作网站在线观看,除了站酷,还有哪些比较好的设计网站?  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况?  网站设计制作书签怎么做,怎样将网页添加到书签/主页书签/桌面?  Laravel如何发送邮件和通知_Laravel邮件与通知系统发送步骤  如何在IIS管理器中快速创建并配置网站?  如何用虚拟主机快速搭建网站?详细步骤解析  laravel怎么用DB facade执行原生SQL查询_laravel DB facade原生SQL执行方法  如何用PHP快速搭建CMS系统?  Bootstrap整体框架之CSS12栅格系统  如何在浏览器中启用Flash_2025年继续使用Flash Player的方法【过时】  CSS3怎么给轮播图加过渡动画_transition加transform实现【技巧】  Laravel如何实现多语言支持_Laravel本地化与国际化(i18n)配置教程  阿里云网站搭建费用解析:服务器价格与建站成本优化指南  Laravel如何安装Breeze扩展包_Laravel用户注册登录功能快速实现【流程】  如何在 React 中条件性地遍历数组并渲染元素  如何在IIS中新建站点并配置端口与IP地址?  如何登录建站主机?访问步骤全解析  php静态变量怎么调试_php静态变量作用域调试技巧【解答】  Laravel的HTTP客户端怎么用_Laravel HTTP Client发起API请求教程  如何正确下载安装西数主机建站助手?  标题:Vue + Vuex 项目中正确使用 JWT 进行身份认证的实践指南  如何快速搭建高效香港服务器网站?  Linux系统命令中tree命令详解  HTML 中动态设置元素 name 属性的正确语法详解  JavaScript实现Fly Bird小游戏  高性能网站服务器配置指南:安全稳定与高效建站核心方案  google浏览器怎么清理缓存_谷歌浏览器清除缓存加速详细步骤  千问怎样用提示词获取健康建议_千问健康类提示词注意事项【指南】  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样?  如何用狗爹虚拟主机快速搭建网站?  Laravel如何使用withoutEvents方法临时禁用模型事件  Laravel如何使用Guzzle调用外部接口_Laravel发起HTTP请求与JSON数据解析【详解】  Laravel Eloquent访问器与修改器是什么_Laravel Accessors & Mutators数据处理技巧  高防服务器租用指南:配置选择与快速部署攻略  C++用Dijkstra(迪杰斯特拉)算法求最短路径