热门标签 | HotTags
当前位置:  开发笔记 > 运维 > 正文

Android底部弹窗的实现示例代码

本篇文章主要介绍了Android底部弹窗的实现示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

本文主要是介绍Android中实现底部弹窗的的正确姿势,如果你在实现底部弹窗时遇到了一些问题,那么请仔细阅读本文,相信文章会对你有所帮助。

收获早知道

阅读完本文后,你可以有以下收获

  • 利用PopupWindow实现底部弹窗
  • PopupWindow实现底部弹窗时的缺点
  • 解决利用PopupWindow实现底部弹窗,无法覆盖状态栏的问题
  • 利用dialog实现底部弹窗
  • 利用dialogFragment实现底部弹窗

实现底部弹窗的方式

由于本人水平有限,只知道一下几种实现底部弹窗的方式

  • 利用PopupWindow实现底部弹窗。
  • 利用Dialog实现底部弹窗。
  • 利用DialogFragment实现底部弹窗。

下面,就利用以上三种方式分别实现Android中的底部弹窗。

利用PopWindow实现底部弹窗

因为本文主要是介绍实现底部弹窗的方式,所以,不会对PopupWindow进行具体的讲解,大家可以到这里了解PopupWindow。

直接进入主题,按照套路,一步步实现利用PopupWindow实现底部弹窗。首先,写一个布局文件作为PopupWindow中的内容,布局文件如下

<&#63;xml version="1.0" encoding="utf-8"&#63;>

 
  
  
  
 

注:这里使用的是填充父窗口的方式,如果不这样做的话,就不能看出遮住后面的效果,看下图更容易理解,左图为填充父布局的方式,右图为

自适应的方式

 

 

注:因为采用填充父布局的方式,这里弹出的窗口都是PopupWindow,所以点击左图中的阴影弹窗不会消失,因为阴影也是PopupWindow呀!解决方法就是,把左图中的阴影部分用一个TextView控件填充,然后为这个TextView设置点击事件,点击TextView时让PopupWindow消失就行了。

下面看下利用PopupWindow实现底部弹窗的代码,重要的方法我会具体讲解

private void initPopupWindow() {
  //要在布局中显示的布局
  cOntentView= LayoutInflater.from(this).inflate(R.layout.popup_layout, null, false);
  //实例化PopupWindow并设置宽高
  popupWindow = new PopupWindow(contentView, LinearLayout.LayoutParams.MATCH_PARENT, LinearLayout.LayoutParams.MATCH_PARENT);
  popupWindow.setBackgroundDrawable(new BitmapDrawable());
  //点击外部消失,这里因为PopupWindow填充了整个窗口,所以这句代码就没用了
  popupWindow.setOutsideTouchable(true);
  //设置可以点击
  popupWindow.setTouchable(true);
  //进入退出的动画
  popupWindow.setAnimationStyle(R.style.MyPopWindowAnim);
 }

 private void showPopWindow() {
  View rootview = LayoutInflater.from(MainActivity.this).inflate(R.layout.activity_main, null);
  popupWindow.showAtLocation(rootview, Gravity.BOTTOM, 0, 0); 
 }

重点看一下这句代码

popupWindow.showAtLocation(rootview, Gravity.BOTTOM, 0, 0);

这句代码是设置弹出窗口从哪里弹出, void showAtLocation (View parent,int gravity,int x,int y) 方法有四个参数,第一个参数是父布局,第二个为从父布局的哪里弹出,x和y是相对于父布局弹出位置的偏移量。由于,我们要将mPopWindow放在整个屏幕的最低部,所以我们将R.layout.activity_main做为它的父容器,将其显示在BOTTOM的位置。

再仔细看下上图,利用PopupWindow实现从底部的弹窗并不能覆盖到状态栏,下面就来解决这个问题。

解决PopupWindow弹出的窗口不能覆盖状态栏问题

想要覆盖到状态栏还需要添以下代码

//弹出的窗口是否覆盖状态栏
 public void fitPopupWindowOverStatusBar(boolean needFullScreen) {
  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
   try {
    //利用反射重新设置mLayoutInScreen的值,当mLayoutInScreen为true时则PopupWindow覆盖全屏。
    Field mLayoutInScreen = PopupWindow.class.getDeclaredField("mLayoutInScreen");
    mLayoutInScreen.setAccessible(true);
    mLayoutInScreen.set(popupWindow, needFullScreen);
   } catch (NoSuchFieldException e) {
    e.printStackTrace();
   } catch (IllegalAccessException e) {
    e.printStackTrace();
   }
  }
 }

再改变一下显示PopupWindow的代码,如下

//设置是否遮住状态栏
  fitPopupWindowOverStatusBar(true);
  View rootview = LayoutInflater.from(MainActivity.this).inflate(R.layout.activity_main, null);
  popupWindow.showAtLocation(rootview, Gravity.BOTTOM, 0, 0);

再看下效果

好了,到此完美解决问题,可以发现利用PopupWindow实现底部弹窗其实还是挺麻烦的。

 

利用Dialog实现底部弹窗

先看下代码,然后在讲解

public class DialogFromBottom extends Dialog{
 private final static int mAnimatiOnDuration= 200;
 // 持有 ContentView,为了做动画
 private View mContentView;
 private boolean mIsAnimating = false;

 private OnBottomSheetShowListener mOnBottomSheetShowListener;

 public DialogFromBottom(@NonNull Context context) {
  super(context, R.style.AppTheme_BottomSheet);
 }
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  getWindow().getDecorView().setPadding(0, 0, 0, 0);
  // 在底部,宽度撑满
  WindowManager.LayoutParams params = getWindow().getAttributes();
  params.height = ViewGroup.LayoutParams.WRAP_CONTENT;
  params.gravity = Gravity.BOTTOM | Gravity.CENTER;//dialog从哪里弹出
  //弹出窗口的宽高
  int screenWidth = QMUIDisplayHelper.getScreenWidth(getContext());
  int screenHeight = QMUIDisplayHelper.getScreenHeight(getContext());
  params.width = screenWidth 

额,代码有点长,其实很容易理解,这里主要说下onCreate方法中的内容,可以仔细看下注释。

@Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  getWindow().getDecorView().setPadding(0, 0, 0, 0);//把父布局的padding都设为0,目的是可以dialog撑满全屏。
  // 在底部,宽度撑满
  WindowManager.LayoutParams params = getWindow().getAttributes();
  params.height = ViewGroup.LayoutParams.WRAP_CONTENT;
  params.gravity = Gravity.BOTTOM | Gravity.CENTER;//dialog从底部弹出
  //弹出窗口的宽高,DisplayHelper.getScreenWidth(getContext());和DisplayHelper.getScreenHeight(getContext());是拿到屏幕的宽高。
  int screenWidth = DisplayHelper.getScreenWidth(getContext());
  int screenHeight = DisplayHelper.getScreenHeight(getContext());
  params.width = screenWidth 

利用Dialog实现底部弹窗就是继承系统Dialog然后重写了onCreate方法,设置dialog从底部弹出。因为是继承Dialog,所以有Dialog的特性,既触摸底部弹窗以外的部分,弹窗会自动消失,这里就不在演示,可以在文末获取源码,自己实验一下就知道了。

利用DialogFragment实现底部弹窗

在实现弹窗之前,先了解一下DialogFragment

DialogFragment在android 3.0时被引入。是一种特殊的Fragment,用于在Activity的内容之上展示一个模态的对话框。

使用DialogFragment至少需要实现onCreateView或者onCreateDIalog方法。onCreateView即使用定义的xml布局文件展示Dialog。onCreateDialog即利用AlertDialog或者Dialog创建出Dialog。下面通过实现onCreateView方法来实现底部弹窗。

@Nullable
 @Override
 public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
  View view = inflater.inflate(R.layout.dialog_layout, container, false);
  return view;
 }
 @Override
 public void onStart() {
  super.onStart();
  initParams();//初始化弹窗的参数
 }
 private void initParams() {
  Window window = getDialog().getWindow();
  if (window != null) {
   WindowManager.LayoutParams lp = window.getAttributes();
   //调节灰色背景透明度[0-1],默认0.5f
   lp.dimAmount = dimAmount;
   //是否在底部显示
   if (showBottom) {
    lp.gravity = Gravity.BOTTOM;
    if (animStyle == 0) {
     animStyle = R.style.DefaultAnimation;
    }
   }
   //设置dialog宽度
   if (width == 0) {
    lp.width = DisplayHelper.getScreenWidth(getActivity()) - 2 * DisplayHelper.dp2px(getActivity(), margin);
   } else {
    lp.width = DisplayHelper.dp2px(getActivity(), width);
   }
   //设置dialog高度
   if (height == 0) {
    lp.height = WindowManager.LayoutParams.WRAP_CONTENT;
   } else {
    lp.height = DisplayHelper.dp2px(getActivity(), height);
   }
   //设置dialog进入、退出的动画
   window.setWindowAnimations(animStyle);
   window.setAttributes(lp);
  }
  setCancelable(outCancel);//设置点击外部是否消失
 }

因为DialogFragment也是Fragment,所以,DialogFragment有和Fragment一样的生命周期,在onStart方法中初始化弹窗的数据,在onCreateView中加载布局,同样,和Fragment使用方法也是一样的,下面看下在Activity中的使用

void showDialog() {
  FragmentTransaction ft = getFragmentManager().beginTransaction();
  // Create and show the dialog.
  DialogFragmentFromBottom newFragment = new DialogFragmentFromBottom();
  newFragment.show(ft, "dialog");
 }

结束语

好了,到这里三种实现底部弹窗的方式已经讲完了,大家可以下载源码研究一下, 源码在这里 ,在做项目时选择最适合的就好,在这里还是推荐使用DialogFragment,这种方式可定制性很高,实现弹窗的方式也比较优雅。

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


推荐阅读
  • Android 九宫格布局详解及实现:人人网应用示例
    本文深入探讨了人人网Android应用中独特的九宫格布局设计,解析其背后的GridView实现原理,并提供详细的代码示例。这种布局方式不仅美观大方,而且在现代Android应用中较为少见,值得开发者借鉴。 ... [详细]
  • 深入解析Android自定义View面试题
    本文探讨了Android Launcher开发中自定义View的重要性,并通过一道经典的面试题,帮助开发者更好地理解自定义View的实现细节。文章不仅涵盖了基础知识,还提供了实际操作建议。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 本文详细介绍了如何使用Spring Boot进行高效开发,涵盖了配置、实例化容器以及核心注解的使用方法。 ... [详细]
  • Android LED 数字字体的应用与实现
    本文介绍了一种适用于 Android 应用的 LED 数字字体(digital font),并详细描述了其在 UI 设计中的应用场景及其实现方法。这种字体常用于视频、广告倒计时等场景,能够增强视觉效果。 ... [详细]
  • RecyclerView初步学习(一)
    RecyclerView初步学习(一)ReCyclerView提供了一种插件式的编程模式,除了提供ViewHolder缓存模式,还可以自定义动画,分割符,布局样式,相比于传统的ListVi ... [详细]
  • 2023年京东Android面试真题解析与经验分享
    本文由一位拥有6年Android开发经验的工程师撰写,详细解析了京东面试中常见的技术问题。涵盖引用传递、Handler机制、ListView优化、多线程控制及ANR处理等核心知识点。 ... [详细]
  • 本文介绍如何在 Unity 的 XML 配置文件中,将参数传递给自定义生命周期管理器的构造函数。我们将详细探讨 CustomLifetimeManager 类的实现及其配置方法。 ... [详细]
  • 解决JAX-WS动态客户端工厂弃用问题并迁移到XFire
    在处理Java项目中的JAR包冲突时,我们遇到了JaxWsDynamicClientFactory被弃用的问题,并成功将其迁移到org.codehaus.xfire.client。本文详细介绍了这一过程及解决方案。 ... [详细]
  • 探讨如何真正掌握Java EE,包括所需技能、工具和实践经验。资深软件教学总监李刚分享了对毕业生简历中常见问题的看法,并提供了详尽的标准。 ... [详细]
  • 本文介绍如何使用布局文件在Android应用中排列多行TextView和Button,使其占据屏幕的特定比例,并提供示例代码以帮助理解和实现。 ... [详细]
  • Startup 类配置服务和应用的请求管道。Startup类ASP.NETCore应用使用 Startup 类,按照约定命名为 Startup。 Startup 类:可选择性地包括 ... [详细]
  • 本文介绍了Android开发中Intent的基本概念及其在不同Activity之间的数据传递方式,详细展示了如何通过Intent实现Activity间的跳转和数据传输。 ... [详细]
  • 优化 Android 按钮状态下的背景和文本颜色变化
    本文介绍如何通过 Android 的 Selector 实现按钮在不同状态下(如按压)的背景和文本颜色动态变化。我们将详细讲解实现步骤,并提供完整的代码示例。 ... [详细]
  • 本文详细介绍超文本标记语言(HTML)的基本概念与语法结构。HTML是构建网页的核心语言,通过标记标签描述页面内容,帮助开发者创建结构化、语义化的Web页面。 ... [详细]
author-avatar
l夜幕下的流星雨l
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有