android用PopWindow做下拉框实例代码

发布时间 - 2026-01-10 22:33:30    点击率:

最近在做下拉框,本来想用spinner,可是spinner达不到项目要求,跟同学同事问了一圈,都在用popwindow,网上看了一下,popwindow挺简单的,可定制性挺强的,符合我的要求,所以,借鉴网上看的代码,自己撸了一遍。写篇博客以防忘记。

 首先,先写个自定义布局,代码如下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="110dp"
 android:layout_height="wrap_content">
 <LinearLayout
  android:layout_width="100dp"
  android:layout_height="wrap_content"
  android:background="@drawable/bg_circle_drop_down_qr_code"
  android:orientation="vertical"
  android:layout_marginRight="@dimen/padding_10"
  android:paddingBottom="0dp"
  android:paddingLeft="@dimen/padding_5"
  android:paddingRight="@dimen/padding_5"
  android:paddingTop="@dimen/padding_5">

  <LinearLayout
   android:id="@+id/lin_scan_qr_code"
   android:layout_width="match_parent"
   android:layout_height="0dp"
   android:layout_weight="1"
   android:gravity="center"
   android:orientation="horizontal"
   android:paddingBottom="@dimen/padding_5"
   android:paddingTop="@dimen/padding_5">

   <ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_circle_scan_qr_code" />

   <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="@dimen/padding_10"
    android:gravity="center"
    android:text="扫一扫"
    android:textColor="@color/color_white"
    android:textSize="@dimen/text_16" />
  </LinearLayout>

  <View
   android:layout_width="wrap_content"
   android:layout_height="1px"
   android:layout_marginLeft="@dimen/padding_3"
   android:layout_marginRight="@dimen/padding_3"
   android:background="@color/color_white" />

  <LinearLayout
   android:id="@+id/lin_my_qr_code"
   android:layout_width="match_parent"
   android:layout_height="0dp"
   android:layout_weight="1"
   android:gravity="center"
   android:orientation="horizontal"
   android:paddingBottom="@dimen/padding_5"
   android:paddingTop="@dimen/padding_5">

   <ImageView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_circle_my_qr_code" />

   <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginLeft="@dimen/padding_10"
    android:gravity="center"
    android:text="二维码"
    android:textColor="@color/color_white"
    android:textSize="@dimen/text_16" />
  </LinearLayout>
 </LinearLayout>
</LinearLayout>

 第二步,在代码中定义popwindow样式,绑定点击事件,代码如下:

// // 获取自定义布局文件pop.xml的视图
  View customView = getActivity().getLayoutInflater().inflate(R.layout.lay_circle_pop_drop_down_qr_code,
    null, false);
  // 创建PopupWindow实例,200,150分别是宽度和高度

  mQrCodePopWindow = new PopupWindow(customView, CommonUtil.dipToPx(getContext(),110), ViewGroup.LayoutParams.WRAP_CONTENT,true);
  // 设置动画效果 [R.style.AnimationFade 是自己事先定义好的]
//  popupwindow.setAnimationStyle(R.style.AnimationFade);
//  popupwindow.setTouchable(true);
//  popupwindow.setOutsideTouchable(true);
  mQrCodePopWindow.setBackgroundDrawable(new BitmapDrawable());
  customView.findViewById(R.id.lin_scan_qr_code).setOnClickListener(v -> {
   ToastUtil.show(getContext(),"扫一扫");
   dismissQrCodePopWindow();
  });
  customView.findViewById(R.id.lin_my_qr_code).setOnClickListener(v -> ToastUtil.show(getContext(),"二维码"));

 注意,代码中的true为setFoucusable,如要点击空白处隐藏popwindow的话,setFocusable(true)和setBackground()两者必不可少(亲测)。

最后,为空间添加点击事件,控制下拉框的显示隐藏,代码如下:

@OnClick(R.id.lin_top_right)
 public void onClick(View v) {
  if (mQrCodePopWindow != null&& mQrCodePopWindow.isShowing()) {
   mQrCodePopWindow.dismiss();
  } else {
   initQrCodePopWindow();
   mQrCodePopWindow.showAsDropDown(v);
  }
 }

(由于暂时没有发现好的动画效果,所以没有添加动画,如果大家有发现好的动画,还请告知一二,在此谢过)

效果图:

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


# PopWindow做下拉框  # android弹出popwindow  # android  # popwindow  # Android开发Popwindow仿微信右上角下拉菜单实例代码  # Android PopWindow 设置背景亮度的实例  # Android Popwindow弹出框的模板使用示例  # Android 中Popwindow弹出菜单的两种方法实例  # Android自定义组件ListPopWindow  # android popwindow实现左侧弹出菜单层及PopupWindow主要方法介绍  # Android自定义PopWindow实现QQ、微信弹出菜单效果  # 自定义  # 一扫  # 下拉框  # 看了  # 都在  # 在此  # 网上  # 一遍  # 暂时没有  # 问了  # 想用  # 达不到  # 第二步  # 必不可少  # 绑定  # 还请  # 如要  # 大家多多  # 空白处  # 先写 


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


相关推荐: Laravel如何配置.env文件管理环境变量_Laravel环境变量使用与安全管理  Laravel如何处理文件上传_Laravel Storage门面实现文件存储与管理  Laravel怎么使用artisan命令缓存配置和视图  Laravel怎么实现搜索功能_Laravel使用Eloquent实现模糊查询与多条件搜索【实例】  Laravel观察者模式如何使用_Laravel Model Observer配置  在线制作视频的网站有哪些,电脑如何制作视频短片?  如何快速搭建虚拟主机网站?新手必看指南  linux写shell需要注意的问题(必看)  Laravel如何监控和管理失败的队列任务_Laravel失败任务处理与监控  Laravel如何与Vue.js集成_Laravel + Vue前后端分离项目搭建指南  如何注册花生壳免费域名并搭建个人网站?  Laravel如何使用Laravel Vite编译前端_Laravel10以上版本前端静态资源管理【教程】  Laravel怎么使用Blade模板引擎_Laravel模板继承与Component组件复用【手册】  敲碗10年!Mac系列传将迎来「触控与联网」双革新  iOS验证手机号的正则表达式  Laravel怎么集成Log日志记录_Laravel单文件与每日日志配置及自定义通道【详解】  高防网站服务器:DDoS防御与BGP线路的AI智能防护方案  如何在阿里云服务器自主搭建网站?  如何在服务器上配置二级域名建站?  Laravel中的Facade(门面)到底是什么原理  PHP正则匹配日期和时间(时间戳转换)的实例代码  HTML5空格和nbsp有啥关系_nbsp的作用及使用场景【说明】  微博html5版本怎么弄发超话_超话进入入口及发帖格式要求【教程】  高防服务器租用指南:配置选择与快速部署攻略  使用C语言编写圣诞表白程序  如何快速重置建站主机并恢复默认配置?  如何在HTML表单中获取用户输入并结合JavaScript动态控制复利计算循环  如何在服务器上三步完成建站并提升流量?  php嵌入式断网后怎么恢复_php检测网络重连并恢复硬件控制【操作】  Win11任务栏卡死怎么办 Windows11任务栏无反应解决方法【教程】  图片制作网站免费软件,有没有免费的网站或软件可以将图片批量转为A4大小的pdf?  香港服务器如何优化才能显著提升网站加载速度?  Android 常见的图片加载框架详细介绍  高防服务器租用首荐平台,企业级优惠套餐快速部署  QQ浏览器网页版登录入口 个人中心在线进入  如何正确选择百度移动适配建站域名?  焦点电影公司作品,电影焦点结局是什么?  怎么用AI帮你设计一套个性化的手机App图标?  如何用景安虚拟主机手机版绑定域名建站?  Laravel怎么创建自己的包(Package)_Laravel扩展包开发入门到发布  Laravel怎么发送邮件_Laravel Mail类SMTP配置教程  开心动漫网站制作软件下载,十分开心动画为何停播?  如何在阿里云域名上完成建站全流程?  深入理解Android中的xmlns:tools属性  Laravel如何生成API文档?(Swagger/OpenAPI教程)  Laravel怎么使用Intervention Image库处理图片上传和缩放  在线教育网站制作平台,山西立德教育官网?  Laravel如何实现本地化和多语言支持_Laravel多语言配置与翻译文件管理  java获取注册ip实例  iOS发送验证码倒计时应用