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(迪杰斯特拉)算法求最短路径

