当前位置: 移动技术网 > 移动技术>移动开发>Android > 深入分析Android ViewStub的应用详解

深入分析Android ViewStub的应用详解

2019年07月24日  | 移动技术网移动技术  | 我要评论
在开发应用程序的时候,经常会遇到这样的情况,会在运行时动态根据条件来决定显示哪个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);
        }
    }
}

运行结果:



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

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网