Android中使用ViewStub实现布局优化

在Android开发中,View是我们必须要接触的用来展示的技术.通常情况下随着View视图的越来越复杂,整体布局的性能也会随之下降.这里介绍一个在某些场景下提升布局性能的View,它就是ViewStub.

ViewStub是什么

  1. ViewStub是View的子类
  2. 它不可见,大小为0
  3. 用来延迟加载布局资源

注,关于Stub的解释

A stub is a small program routine that substitutes for a longer program, possibly to be loaded later or that is located remotely

在Java中,桩是指用来代替关联代码或者未实现代码的代码.

ViewStub使用场景

如上图所示,

  1. 一个ListView包含了诸如 新闻,商业,科技 等Item
  2. 每个Item又包含了各自对应的子话题,
  3. 但是子话题的View(蓝色区域)只有在点击展开按钮才真正需要加载.
  4. 如果默认加载子话题的View,则会造成内存的占用和CPU的消耗

所以,这时候就ViewStub就派上用处了.使用ViewStub可以延迟加载布局资源.

ViewStub 怎么用

在布局文件中使用ViewStub标签

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:paddingLeft="@dimen/activity_horizontal_margin"
  android:paddingRight="@dimen/activity_horizontal_margin"
  android:paddingTop="@dimen/activity_vertical_margin"
  android:paddingBottom="@dimen/activity_vertical_margin"
  tools:context="com.droidyue.viewstubsample.MainActivity">

 <Button
   android:id="@+id/clickMe"
   android:text="Hello World!"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"/>

 <ViewStub
   android:id="@+id/myViewStub"
   android:inflatedId="@+id/myInflatedViewId"
   android:layout="@layout/include_merge"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_below="@id/clickMe"
 />
</RelativeLayout>

2.在代码中inflate布局

ViewStub myViewStub = (ViewStub)findViewById(R.id.myViewStub);
if (myViewStub != null) {
 myViewStub.inflate();
 //或者是下面的形式加载
 //myViewStub.setVisibility(View.VISIBLE);
}

关于ViewStub的事

除了 inflate 方法外,我们还可以调用 setVisibility() 方法加载布局文件
一旦加载布局完成后,ViewStub会从当前布局层级中删除
android:id 指定ViewStub ID,用于查找ViewStub进行延迟加载
android:layout 延迟加载布局的资源id
android:inflatedId 加载的布局被重写的id,这里为RelativeLayout的id

ViewStub的不足

官方的文档中有这样一段描述

Note: One drawback of ViewStub is that it doesn't currently support the tag in the layouts to be inflated.

意思是ViewStub不支持 <merge> 标签.

关于不支持 <merge> 标签的程度,我们进行一个简单的验证

验证一:直接 标签

如下,我们有布局文件名为 merge_layout.xml

<merge xmlns:android="http://schemas.android.com/apk/res/android">

 <Button
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:text="Yes"/>

 <Button
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:text="No"/>

</merge>

替换对应的ViewStub的android:layout属性值之后,运行后(点击Button按钮)得到产生了如下的崩溃

E AndroidRuntime: android.view.InflateException: Binary XML file line #1: <merge /> can be used only with a valid ViewGroup root and attachToRoot=true
 E AndroidRuntime:         at android.view.LayoutInflater.inflate(LayoutInflater.java:551)
 E AndroidRuntime:         at android.view.LayoutInflater.inflate(LayoutInflater.java:429)
 E AndroidRuntime:         at android.view.ViewStub.inflate(ViewStub.java:259)
 E AndroidRuntime:         at com.droidyue.viewstubsample.MainActivity$1.onClick(MainActivity.java:20)
 E AndroidRuntime:         at android.view.View.performClick(View.java:5697)
 E AndroidRuntime:         at android.widget.TextView.performClick(TextView.java:10815)
 E AndroidRuntime:         at android.view.View$PerformClick.run(View.java:22526)
 E AndroidRuntime:         at android.os.Handler.handleCallback(Handler.java:739)
 E AndroidRuntime:         at android.os.Handler.dispatchMessage(Handler.java:95)
 E AndroidRuntime:         at android.os.Looper.loop(Looper.java:158)
 E AndroidRuntime:         at android.app.ActivityThread.main(ActivityThread.java:7237)
 E AndroidRuntime:         at java.lang.reflect.Method.invoke(Native Method)
 E AndroidRuntime:         at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:1230)
 E AndroidRuntime:         at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1120)
 E AndroidRuntime: Caused by: android.view.InflateException: <merge /> can be used only with a valid ViewGroup root and attachToRoot=true
 E AndroidRuntime:         at android.view.LayoutInflater.inflate(LayoutInflater.java:491)
 E AndroidRuntime:         ... 13 more

可见,直接的 <merge> 标签,ViewStub是不支持的.

验证二 间接的ViewStub

下面布局间接使用了merge标签.文件名为 include_merge.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
  <include layout="@layout/merge_layout"/>
</LinearLayout>

然后修改ViewStub的 android:layout 值,运行,一切正常.

除此之外,本例也验证了ViewStub也是对 <include> 标签支持良好的.

关于ViewStub的一点代码剖析

inflate vs setVisibility

inflate和setVisibility的共同点是都可以实现加载布局

/**
  * When visibility is set to {@link #VISIBLE} or {@link #INVISIBLE},
  * {@link #inflate()} is invoked and this StubbedView is replaced in its parent
  * by the inflated layout resource.
  *
  * @param visibility One of {@link #VISIBLE}, {@link #INVISIBLE}, or {@link #GONE}.
  *
  * @see #inflate()
  */
 @Override
 public void setVisibility(int visibility) {
  if (mInflatedViewRef != null) {
   View view = mInflatedViewRef.get();
   if (view != null) {
    view.setVisibility(visibility);
   } else {
    throw new IllegalStateException("setVisibility called on un-referenced view");
   }
  } else {
   super.setVisibility(visibility);
   if (visibility == VISIBLE || visibility == INVISIBLE) {
    inflate();
   }
  }
 }

setVisibility只是在ViewStub第一次延迟初始化时,并且visibility是非 GONE 时,调用了 inflate 方法.

inflate源码

通过阅读下面的inflate方法实现,我们将更加理解

  • android:inflatedId的用途
  • ViewStub在初始化后从视图层级中移除
  • ViewStub的layoutParameters应用
  • mInflatedViewRef通过弱引用形式,建立ViewStub与加载的View的联系.
/**
  * Inflates the layout resource identified by {@link #getLayoutResource()}
  * and replaces this StubbedView in its parent by the inflated layout resource.
  *
  * @return The inflated layout resource.
  *
  */
 public View inflate() {
  final ViewParent viewParent = getParent();

  if (viewParent != null && viewParent instanceof ViewGroup) {
   if (mLayoutResource != 0) {
    final ViewGroup parent = (ViewGroup) viewParent;
    final LayoutInflater factory = LayoutInflater.from(mContext);
    final View view = factory.inflate(mLayoutResource, parent,
      false);

    if (mInflatedId != NO_ID) {
     view.setId(mInflatedId);
    }

    final int index = parent.indexOfChild(this);
    parent.removeViewInLayout(this);

    final ViewGroup.LayoutParams layoutParams = getLayoutParams();
    if (layoutParams != null) {
     parent.addView(view, index, layoutParams);
    } else {
     parent.addView(view, index);
    }

    mInflatedViewRef = new WeakReference<View>(view);

    if (mInflateListener != null) {
     mInflateListener.onInflate(this, view);
    }

    return view;
   } else {
    throw new IllegalArgumentException("ViewStub must have a valid layoutResource");
   }
  } else {
   throw new IllegalStateException("ViewStub must have a non-null ViewGroup viewParent");
  }
 }

关于ViewStub的研究就是这些,希望对大家关于优化视图有所帮助和启发.

(0)

相关推荐

  • Android ViewPager实现Banner循环播放

    问题的起源 在项目里,有时候需要实现一个图片轮播的效果,用来展示Banner.同时,图片能循环播放,下面还有一排小圆点来指示当前轮播到哪一页了. 如下图: 分析 · 图片的个数是会变化的,同时小圆点的个数也会跟着图片个数变化 · 每一个page的布局是一样的.变化的就是小圆点的个数,所以需要用代码来动态生成小圆点 编码 布局 首先完成 MainActivity 的布局 activity_main.xml <RelativeLayout xmlns:android="http://schem

  • Android 逆向学习详解及实例

    断断续续的总算的把android开发和逆向的这两本书看完了,虽然没有java,和android开发的基础,但总体感觉起来还是比较能接收的,毕竟都是触类旁通的.当然要深入的话还需要对这门语言的细节特性和奇技淫巧进行挖掘. 这里推荐2本书,个人觉得对android开发入门和android逆向入门比较好的教材: <google android 开发入门与实战> <android 软件安全与逆向分析> 1. 我对android逆向的认识 因为之前有一些windows逆向的基础,在看andr

  • AndroidSDK Support自带夜间、日间模式切换详解

    写这篇博客的目的就是教大家利用AndroidSDK自带的support lib来实现APP日间/夜间模式的切换,最近看到好多帖子在做关于这个日夜间模式切换的开源项目,其实AndroidSDK Support中已经有了非常好的支持了. 本文demo下载地址在文章的末尾,看完文档如果还不能实现可以下载玩玩. -------------------------------------------------------------------------------- 效果演示 左是Android 4

  • Android 动态高斯模糊效果教程

    写在前面 最近一直在做毕设项目的准备工作,考虑到可能要用到一个模糊的效果,所以就学习了一些高斯模糊效果的实现.比较有名的就是 FastBlur 以及它衍生的一些优化方案,还有就是今天要说的RenderScript . 因为这东西是现在需要才去学习的,所以关于一些图像处理和渲染问题就不提了.不过在使用的过程中确实能感受到,虽然不同的方案都能实现相同的模糊效果,但是效率差别真的很大. 本篇文章实现的高斯模糊是根据下面这篇文章学习的,先推荐一下.本文内容与其内容差不多,只是稍微讲的详细一点,并修改了代

  • Android自定义圆形倒计时进度条

    效果预览 源代码传送门:https://github.com/yanzhenjie/CircleTextProgressbar 实现与原理 这个文字圆形的进度条我们在很多APP中看到过,比如APP欢迎页倒计时,下载文件倒计时等. 分析下原理,可能有的同学一看到这个自定义View就慌了,这个是不是要继承View啊,是不是要绘制啊之类的,答案是:是的.但是我们也不要担心,实现这个效果实在是so easy.下面就跟我一起来看看核心分析和代码吧. 原理分析 首先我们观察上图,需要几个部分组成: 1. 外

  • 利用Android中BitmapShader制作自带边框的圆形头像

    效果如下: BitmapShader 的简单介绍 关于 Shader是什么,Shader的种类有哪几种以及如何使用不属于本文范畴,对这方面不是很了解的同学,建议先去学习一下 Shader 的基本使用. BitmapShader主要的作用就是 通过Paint对象,对 画布进行指定的Bitmap填充,实现一系列效果,可以有以下三种模式进行选择 1.CLAMP - 拉伸,这里拉伸的是图片的最后一个元素,不断地重复,这个效果,在图片比较小,而所要画的面积比较大的时候会比较明显. 2.REPEAT - 重

  • Android优质索尼滚动相册

    虽然索尼手机卖的不怎么样,但是有些东西还是做的挺好的,工业设计就不用说了,索尼的相册的双指任意缩放功能也是尤其炫酷.其桌面小部件滚动相册我觉得也挺好的,比谷歌原生的相册墙功能好多了,网上搜了一下也没发现有人写这个,于是,下面就介绍下我的高A货. 首先是效果图: 主要手势操作有: 1.上/下满速移动,可以上滑/下滑一张图片  2.上/下快读移动,则根据滑动速度,上滑/下滑多张图片  3.单击则请求系统图库展示该图片 该小部件的主要优点:在屏幕内的小范围内提供一个很好的图片选择/浏览部件,尤其是切换

  • Android样式的开发:layer-list实例详解

    上图Tab的背景效果,和带阴影的圆角矩形,是怎么实现的呢?大部分的人会让美工切图,用点九图做背景.但是,如果只提供一张图,会怎么样呢?比如,中间的Tab背景红色底线的像素高度为4px,那么,在mdpi设备上显示会符合预期,在hdpi设备上显示时会细了一点点,在xhdpi设备上显示时会再细一点,在xxhdpi上显示时又细了,在xxxhdpi上显示时则更细了.因为在xxxhdpi上,1dp=4px,所以,4px的图,在xxxhdpi设备上显示时,就只剩下1dp了.所以,为了适配好各种分辨率,必须提供

  • Android Zipalign工具优化Android APK应用

    生成的Android应用APK文件最好进行优化,因为APK包的本质是一个zip压缩文档,经过优化能使包内未压缩的数据有序的排列,从而减少应用程序运行时的内存消耗.我们可以使用Zipalign工具进行APK优化. 据Android官方网站的说明,Zipalign是一款重要的优化APK应用程序的工具. 多数软件开发商在正式推出其Android应用程序,都使用Zipalign工具优化APK包.但是,仍然有一些应用程序需要我们自己动手进行Zipalign优化,例如一些个人开发的软件.一些破解版的软件.

  • Android APK优化工具Zipalign详解

    Android SDK中包含了一个用于优化APK的新工具zipalign.它提高了优化后的Applications与Android系统的交互效率(俗话:"要致富先修路",Android小组重新为Applications与Android系统之间搭建了一条高速公路),从而可以使整个系统的运行速度有了较大的提升.Android小组强烈建议开发者在发布新Apps之前使用zipalign优化工具,而且对于已经发布但不受限于系统版本的Apps,建议用优化后的APK替换现有的版本. 在下面的内容中将

随机推荐