Android布局技巧:使用ViewStub提高UI性能

移动开发 Android
ViewStub是一个看不见的,轻量级的View。ViewStub中引用的布局只在你想添加到UI上时才会显示。本文用实例和示意图讲解了ViewStub的应用。

多亏了<include />标签,在Android里,很容易就能做到共享和重用UI组件。在Android开发中,很容易就能创建出复杂的UI结构,结果呢,用了很多的View,且其中的一些很少使用。针对这种情况,谢天谢地,Android还为我们提供了一个特别的构件——ViewStub,它可以使你充分享受<include />的好处而不会造成无用View的浪费。

ViewStub是一个看不见的,轻量级的View。它没有尺寸,也不会绘制以及以某种形式参与到布局中来。这意味着ViewStub去inflate以及保留在View层次中的代价是很廉价的。ViewStub***的描述称之为“懒惰的include”。ViewStub中引用的布局只在你想添加到UI上时才会显示。

下面的截图来自于Shelves应用程序。图中Activity显示的内容是给用户呈现可浏览的书籍列表:

Android布局技巧:使用ViewStub提高UI性能

相同的Activity也用于用户添加或导入新的书籍。在这个操作中,Shelves显示了一个额外的UI。下面的截图显示了在导入期间,会在屏幕的底部显示一个进度表和一个取消按钮:

Android布局技巧:使用ViewStub提高UI性能

由于导入书籍不是一个常有的操作,至少相对于浏览书籍列表来说不是,因此,导入panel由ViewStub来承载:

Android布局技巧:使用ViewStub提高UI性能

当用户进行一个导入操作时,ViewStub被inflate,此时由它引用的布局文件内容替代显示:

Android布局技巧:使用ViewStub提高UI性能

为了使用ViewStub,你所有需要做的是指定android:id特性,便于以后inflate,指定android:layout特性,引用布局文件。ViewStub还允许你使用第三个特性,android:inflatedId,你可以使用它来重写包含的布局文件中的根元素的id。***,在ViewStub上设定的layout_*参数将会应用到包含的布局文件的顶部。这里有个例子:

  1. <ViewStub 
  2.  
  3.   android:id="@+id/stub_import" 
  4.  
  5.   android:inflatedId="@+id/panel_import" 
  6.  
  7.   android:layout="@layout/progress_overlay" 
  8.  
  9.   android:layout_width="fill_parent" 
  10.  
  11.   android:layout_height="wrap_content" 
  12.  
  13.   android:layout_gravity="bottom" /> 

当你准备inflate ViewStub时,调用inflate()方法即可。你还可以设定ViewStub的Visibility为VISIBLE或INVISIBLE,也会触发inflate。注意的是,使用inflate()方法能返回布局文件的根View:

  1.  ((ViewStub) findViewById(R.id.stub_import)).setVisibility(View.VISIBLE); 
  2.  
  3. // or 
  4.  
  5. View importPanel = ((ViewStub) findViewById(R.id.stub_import)).inflate(); 

有一点需要记住的是:当ViewStub inflate后,这个ViewStub就从View层次中移除了。因此,没有必要保留一个对ViewStub的引用(如在类的字段里)。

ViewStub是快捷编程与高效编程之间的产物。与其手动的inflate View并在运行时添加到View层次上,不如简单的使用ViewStub。它相当“廉价”且易于使用。ViewStub唯一的缺点是现在不支持<merge />标签。

责任编辑:徐川 来源: cnblogs
相关推荐

2016-09-22 09:24:33

AndroidViewStub

2020-07-13 13:00:24

CSS变量技巧

2020-08-28 10:22:26

前端布局效率

2009-12-23 17:07:37

WPF性能

2024-04-24 08:25:00

性能Android生命周期

2009-06-17 10:13:03

提高EJB性能

2017-11-06 13:25:25

MySQL数据库技巧

2020-09-23 09:20:58

代码Java字符串

2017-02-05 17:33:59

前端优化Web性能

2014-09-05 10:10:32

Android自适应布局设计

2011-05-28 12:19:33

设计技巧UIAndroid

2022-01-09 23:06:39

JavaScript

2023-02-21 14:55:40

React开发技巧

2011-05-28 15:14:06

设计技巧UIAndroid

2013-01-08 13:46:58

Android开发ViewStub布局

2011-05-28 14:25:57

设计技巧UIAndroid

2021-05-12 09:00:00

WebReactJavaScript

2021-03-18 07:52:42

代码性能技巧开发

2009-08-05 15:13:32

使用Cache提高AS

2020-05-20 13:06:20

UI排版设计
点赞
收藏

51CTO技术栈公众号