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使用方法