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

深入分析Android ViewStub的应用详解

程序员文章站 2024-02-10 15:18:46
在开发应用程序的时候,经常会遇到这样的情况,会在运行时动态根据条件来决定显示哪个view或某个布局。那么最通常的想法就是把可能用到的view都写在上面,先把它们的可见性都设...
在开发应用程序的时候,经常会遇到这样的情况,会在运行时动态根据条件来决定显示哪个view或某个布局。那么最通常的想法就是把可能用到的view都写在上面,先把它们的可见性都设为view.gone,然后在代码中动态的更改它的可见性。这样的做法的优点是逻辑简单而且控制起来比较灵活。但是它的缺点就是,耗费资源。虽然把view的初始可见view.gone但是在inflate布局的时候view仍然会被inflate,也就是说仍然会创建对象,会被实例化,会被设置属性。也就是说,会耗费内存等资源。

推荐的做法是使用android.view.viewstub,viewstub是一个轻量级的view,它一个看不见的,不占布局位置,占用资源非常小的控件。可以为viewstub指定一个布局,在inflate布局的时候,只有viewstub会被初始化,然后当viewstub被设置为可见的时候,或是调用了viewstub.inflate()的时候,viewstub所向的布局就会被inflate和实例化,然后viewstub的布局属性都会传给它所指向的布局。这样,就可以使用viewstub来方便的在运行时,要还是不要显示某个布局。
但viewstub也不是万能的,下面总结下viewstub能做的事儿和什么时候该用viewstub,什么时候该用可见性的控制。

首先来说说viewstub的一些特点:
1. viewstub只能inflate一次,之后viewstub对象会被置为空。按句话说,某个被viewstub指定的布局被inflate后,就不会够再通过viewstub来控制它了。
2. viewstub只能用来inflate一个布局文件,而不是某个具体的view,当然也可以把view写在某个布局文件中。
基于以上的特点,那么可以考虑使用viewstub的情况有:
1. 在程序的运行期间,某个布局在inflate后,就不会有变化,除非重新启动。
因为viewstub只能inflate一次,之后会被置空,所以无法指望后面接着使用viewstub来控制布局。所以当需要在运行时不止一次的显示和隐藏某个布局,那么viewstub是做不到的。这时就只能使用view的可见性来控制了。
2. 想要控制显示与隐藏的是一个布局文件,而非某个view。
因为设置给viewstub的只能是某个布局文件的id,所以无法让它来控制某个view。
所以,如果想要控制某个view(如button或textview)的显示与隐藏,或者想要在运行时不断的显示与隐藏某个布局或view,只能使用view的可见性来控制。
下面来看一个实例
在这个例子中,要显示二种不同的布局,一个是用textview显示一段文字,另一个则是用imageview显示一个图片。这二个是在oncreate()时决定是显示哪一个,这里就是应用viewstub的最佳地点。
先来看看布局,一个是主布局,里面只定义二个viewstub,一个用来控制textview一个用来控制imageview,另外就是一个是为显示文字的做的textview布局,一个是为imageview而做的布局:
复制代码 代码如下:

<?xml version="1.0" encoding="utf-8"?>
<linearlayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:gravity="center_horizontal">
  <viewstub
    android:id="@+id/viewstub_demo_text"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginleft="5dip"
    android:layout_marginright="5dip"
    android:layout_margintop="10dip"
    android:layout="@layout/viewstub_demo_text_layout"/>
  <viewstub
    android:id="@+id/viewstub_demo_image"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginleft="5dip"
    android:layout_marginright="5dip"
    android:layout="@layout/viewstub_demo_image_layout"/>
</linearlayout>

为textview的布局:
复制代码 代码如下:

<?xml version="1.0" encoding="utf-8"?>
<linearlayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content">
    <textview
        android:id="@+id/viewstub_demo_textview"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#aa664411"
        android:textsize="16sp"/>
</linearlayout>

为imageview的布局:
复制代码 代码如下:

<?xml version="1.0" encoding="utf-8"?>
<linearlayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content">
    <imageview
        android:id="@+id/viewstub_demo_imageview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
</linearlayout>

下面来看代码,决定来显示哪一个,只需要找到相应的viewstub然后调用其infalte()就可以获得相应想要的布局:
复制代码 代码如下:

package com.effective;
import android.app.activity;
import android.os.bundle;
import android.view.viewstub;
import android.widget.imageview;
import android.widget.textview;
public class viewstubdemoactivity extends activity {
    @override
    public void oncreate(bundle savedinstancestate) {
        super.oncreate(savedinstancestate);
        setcontentview(r.layout.viewstub_demo_activity);
        if ((((int) (math.random() * 100)) & 0x01) == 0) {
            // to show text
            // all you have to do is inflate the viewstub for textview
            viewstub stub = (viewstub) findviewbyid(r.id.viewstub_demo_text);
            stub.inflate();
            textview text = (textview) findviewbyid(r.id.viewstub_demo_textview);
            text.settext("the tree of liberty must be refreshed from time to time" +
                    " with the blood of patroits and tyrants! freedom is nothing but " +
                    "a chance to be better!");
        } else {
            // to show image
            // all you have to do is inflate the viewstub for imageview
            viewstub stub = (viewstub) findviewbyid(r.id.viewstub_demo_image);
            stub.inflate();
            imageview image = (imageview) findviewbyid(r.id.viewstub_demo_imageview);
            image.setimageresource(r.drawable.happy_running_dog);
        }
    }
}

运行结果:

深入分析Android ViewStub的应用详解深入分析Android ViewStub的应用详解

使用的时候的注意事项:
1. 某些布局属性要加在viewstub而不是实际的布局上面,才会起作用,比如上面用的android:layout_margin*系列属性,如果加在textview上面,则不会起作用,需要放在它的viewstub上面才会起作用。而viewstub的属性在inflate()后会都传给相应的布局