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怎么为数据库表字段添加索引以优化查询
Win11怎么关闭透明效果_Windows11辅助功能视觉效果设置
Laravel如何自定义错误页面(404, 500)?(代码示例)
为什么要用作用域操作符_php中访问类常量与静态属性的优势【解答】
实例解析Array和String方法
Laravel如何实现模型的全局作用域?(Global Scope示例)
如何挑选最适合建站的高性能VPS主机?
浏览器如何快速切换搜索引擎_在地址栏使用不同搜索引擎【搜索】
详解MySQL数据库的安装与密码配置
Android滚轮选择时间控件使用详解
如何用PHP工具快速搭建高效网站?
如何在万网利用已有域名快速建站?
Laravel如何实现用户角色和权限系统_Laravel角色权限管理机制
Laravel如何实现API资源集合?(Resource Collection教程)
韩国代理服务器如何选?解析IP设置技巧与跨境访问优化指南
公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站?
Laravel中的withCount方法怎么高效统计关联模型数量
laravel怎么通过契约(Contracts)编程_laravel契约(Contracts)编程方法
Laravel如何与Docker(Sail)协同开发?(环境搭建教程)
焦点电影公司作品,电影焦点结局是什么?
如何做网站制作流程,*游戏网站怎么搭建?
打造顶配客厅影院,这份100寸电视推荐名单请查收
Laravel如何设置自定义的日志文件名_Laravel根据日期或用户ID生成动态日志【技巧】
国美网站制作流程,国美电器蒸汽鍋怎么用官方网站?
javascript中的try catch异常捕获机制用法分析
简单实现Android文件上传
车管所网站制作流程,交警当场开简易程序处罚决定书,在交警网站查询不到怎么办?
如何快速搭建高效服务器建站系统?
如何在Tomcat中配置并部署网站项目?
网页设计与网站制作内容,怎样注册网站?
桂林网站制作公司有哪些,桂林马拉松怎么报名?
详解Android中Activity的四大启动模式实验简述
如何快速生成橙子建站落地页链接?
uc浏览器二维码扫描入口_uc浏览器扫码功能使用地址
如何续费美橙建站之星域名及服务?
Laravel怎么做缓存_Laravel Cache系统提升应用速度的策略与技巧
动图在线制作网站有哪些,滑动动图图集怎么做?
香港服务器建站指南:外贸独立站搭建与跨境电商配置流程
利用python获取某年中每个月的第一天和最后一天
Laravel如何处理和验证JSON类型的数据库字段
Laravel如何正确地在控制器和模型之间分配逻辑_Laravel代码职责分离与架构建议
谷歌Google入口永久地址_Google搜索引擎官网首页永久入口
html文件怎么打开证书错误_https协议的html打开提示不安全【指南】
成都品牌网站制作公司,成都营业执照年报网上怎么办理?
html5的keygen标签为什么废弃_替代方案说明【解答】
EditPlus中的正则表达式实战(6)
重庆市网站制作公司,重庆招聘网站哪个好?
Laravel怎么使用Markdown渲染文档_Laravel将Markdown内容转HTML页面展示【实战】
Win11怎么关闭专注助手 Win11关闭免打扰模式设置【操作】
bootstrap日历插件datetimepicker使用方法

