欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android布局技巧之使用ViewStub

程序员文章站 2024-03-01 23:22:52
多亏了标签,在android里,很容易就能做到共享和重用ui组件。在android开发中,很容易就能创建出复杂的ui结构,结果呢,用了很多...

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

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

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

Android布局技巧之使用ViewStub

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

Android布局技巧之使用ViewStub

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

Android布局技巧之使用ViewStub

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

Android布局技巧之使用ViewStub

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

<viewstub
 android:id="@+id/stub_import"
 android:inflatedid="@+id/panel_import"
 android:layout="@layout/progress_overlay"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:layout_gravity="bottom" />

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

 ((viewstub) findviewbyid(r.id.stub_import)).setvisibility(view.visible);
// or
view importpanel = ((viewstub) findviewbyid(r.id.stub_import)).inflate();

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

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

参考文章:

android布局技巧之创建可重用的ui组件

android布局技巧之合并布局

android布局技巧之创建高效布局

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