Android 动态加载二维码视图生成快照的示例

 更新时间:2017年10月25日 09:58:11   作者:ganshenml  
本篇文章主要介绍了Android 动态加载二维码视图生成快照的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

1.需求背景

需要实现一个动态加载但不显示出来的视图,且该视图上有个动态生成的二维码,最后用其去生成一张快照(也就是图片)。
(常见这种情况是来源于“图片分享”的功能需求,与普通图片分享不同在于,该快照图片是动态加载不显示的。)

2.需求功能拆解

  1. 动态二维码的实现
  2. 动态视图生成快照的实现

3.踩坑点提要

  1. 获取不到动态视图的bitmap
  2. 无法获取最新动态视图的bitmap

4.开发实现

动态加载的视图的布局文件代码:

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" 
  android:id="@+id/qrcodeContentLl" 
  android:background="#F0E68C" 
  android:orientation="vertical"> 
 
  <TextView 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_gravity="center" 
    android:layout_marginTop="100dp" 
    android:text="二维码快照" 
    android:textSize="18sp" 
    android:textStyle="italic" /> 
 
  <ImageView 
    android:id="@+id/qrcodeIv" 
    android:layout_width="100dp" 
    android:layout_height="100dp" 
    android:layout_gravity="center" 
    android:layout_marginTop="@dimen/activity_vertical_margin" 
    android:scaleType="fitCenter" /> 
 
  <!--<TextView--> 
    <!--android:layout_width="wrap_content"--> 
    <!--android:layout_height="wrap_content"--> 
    <!--android:layout_marginTop="800dp"--> 
    <!--android:text="ahahds"--> 
    <!--android:layout_gravity="center"/>--> 
</LinearLayout> 

大概样式如下:

(上面的线框是用来显示动态生成的二维码图片的)

a.动态二维码的实现

关于这块内容,网上有太多例子了,其实也不用详解。主要是利用Zxing提供的jar包来进行处理。需要看这块的详细代码可以去文章最后提供的GitHub地址查看,在此只提供下该jar包的资源下载(项目中若只涉及生成二维码模块,那么只要core核心jar包即可):点击下载>> core-3.3.0.jar

b.动态视图生成快照的实现

private void inflateAndShowCaptureView() { 
   if (hideView == null) { 
     hideView = LayoutInflater.from(this).inflate(R.layout.layout_quick_capture, null); 
     qrcodeIv = (ImageView) hideView.findViewById(R.id.qrcodeIv); 
     hideView.setDrawingCacheEnabled(true);//设置控件允许绘制缓存 
     hideView.measure(View.MeasureSpec.makeMeasureSpec(mainLayoutLl.getWidth(), View.MeasureSpec.EXACTLY), 
         View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED)); 
     hideView.layout(0, 0, hideView.getMeasuredWidth(), hideView.getMeasuredHeight()); 
   } else { 
     hideView.destroyDrawingCache();//要得到新的视图,就得销毁之前的缓存 
   } 
 
   showCaptureView(); 
 } 
 
 private void showCaptureView() { 
   String content = contentEt.getText().toString().trim(); 
   if (content == null || content.length() == 0) { 
     return; 
   } 
   if (qrcodeIv.getWidth() == 0) { 
     return; 
   } 
   Bitmap qrcodeBitmap = ZXingUtils.createQRImage(content, qrcodeIv.getWidth(), qrcodeIv.getHeight()); 
   qrcodeIv.setImageBitmap(qrcodeBitmap);//先将生成的二维码显示在加载的视图上 
 
   Bitmap bitmap = hideView.getDrawingCache(); // 获取视图的绘制缓存(快照) 
   if (bitmap != null) { 
     showIv.setImageBitmap(bitmap); 
   } 
 
 } 

1.首先获取到视图的bitmap是通过getDrawingCache()得到的。

  1. 若视图是在界面上直接显示出来的——>那么使用该方法直接获取bitmap是没有问题的;
  2. 若视图是动态加载且不显示出来,那么此时获取bitmap是null。

此处的解决办法就是手动给该视图布局:

hideView.measure(View.MeasureSpec.makeMeasureSpec(mainLayoutLl.getWidth(), View.MeasureSpec.EXACTLY), 
    View.MeasureSpec.makeMeasureSpec(0, View.MeasureSpec.UNSPECIFIED)); 
hideView.layout(0, 0, hideView.getMeasuredWidth(), hideView.getMeasuredHeight()); 

以下做点简单解释:

View.MeasureSpec.makeMeasureSpec(int size , int mode)中有两个参数,size和mode,第一组MeasureSpec中我将size设置为了当前显示页面的布局的宽度(也就是屏幕宽度),然后mode设置为EXACTLY——>所表示的意义是:给hideView中的子View指定了精确的宽度大小为当前屏幕的宽度。

mode有三种,EXACTLY,AT_MOST,UNSPECIFIED。在上面代码中,将高度的size指定为0,mode指定为 UNSPECIFIED 则表示——>整个动态加载的视图高度指定为:依据于最后子View确认的高度。

若将第一组MeasureSpec的相关参数也改为size = 0, mode = UNSPECIFIED,则两组图对比显示如下:

可以看到,动态生成的快照的宽度也变成了显示二维码的ImageView的宽度了。

扩展:如何在宽高均为size = 0 && mode= UNSPECIFIED 的情况下获取整个屏幕大小的视图呢?
——>用几个隐藏的组件埋在视图的四个边界,啊哈哈哈哈哈!

2.通过destroyDrawingCache()来删除之前的缓存。

最后,GitHub地址>>

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

相关文章

  • 基于Flutter制作一个火箭发射动画

    基于Flutter制作一个火箭发射动画

    北京时间10月16日0时23分,神舟十三号飞船成功发射,为庆祝这一喜事,本文将用Flutter制作一个火箭发射动画,感兴趣的小伙伴可以动手试一试
    2022-03-03
  • Android网络连接判断与相关处理

    Android网络连接判断与相关处理

    这篇文章主要为大家详细介绍了Android网络连接判断操作,帮助大家判断WIFI网络是否可用,判断MOBILE网络是否可用,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • Android根据电话号码获得联系人头像实例代码

    Android根据电话号码获得联系人头像实例代码

    这篇文章主要介绍了Android根据电话号码获得联系人头像实例代码,是Android程序开发中非常重要的技巧,需要的朋友可以参考下
    2014-09-09
  • Android实现创意LoadingView动画效果

    Android实现创意LoadingView动画效果

    这篇文章主要介绍了Android实现创意LoadingView动画效果的相关资料,需要的朋友可以参考下
    2016-02-02
  • Kotlin开发笔记之委托属性与区间(译)

    Kotlin开发笔记之委托属性与区间(译)

    最近在学习kotlin,发现了一些比较重要的知识点,所以下面这篇文章主要给大家介绍了关于Kotlin开发笔记之委托属性与区间的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-12-12
  • Android LuBan与Compressor图片压缩方式

    Android LuBan与Compressor图片压缩方式

    本篇文章主要介绍了Android LuBan与Compressor图片压缩方式,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-04-04
  • Android使用广播发送消息

    Android使用广播发送消息

    这篇文章主要为大家详细介绍了Android使用广播发送消息,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • Android权限机制深入分析讲解

    Android权限机制深入分析讲解

    Android的权限管理遵循的是“最小特权原则”,即所有的Android应用程序都被赋予了最小权限。一个Android应用程序如果没有声明任何权限,就没有任何特权
    2022-12-12
  • Android应用中使用ListView来分页显示刷新的内容

    Android应用中使用ListView来分页显示刷新的内容

    这篇文章主要介绍了Android应用中使用ListView来分页显示刷新的内容的方法,展示了一个点击按钮进行刷新的实例以及下拉刷新分页显示的要点解析,需要的朋友可以参考下
    2016-04-04
  • Android使用Dialog风格弹出框的Activity

    Android使用Dialog风格弹出框的Activity

    这篇文章主要为大家详细介绍了Android使用Dialog风格弹出框的Activity,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-09-09

最新评论