Android在layout xml中使用ViewStub完成动态加载问题
一、layout xml文件常见的两种模块加载方式
1、静态加载:被加载的模块和其它模块加载的时间一样。
<include layout="@layout/otherlayout"/>
2、动态加载:需要被加载的模块初始时并没有被加载进内存,在你需要加载这个模块才会被动态的加载进去。
<viewstub android:layout="@layout/otherlayout"/>
还要把layout width和height加上
二、viewstup完成动态加载
1、简介
2、viewstub类结构图
从这个图里面我们可以发现viewstub是一个控件。是控件那就好办了,那么对其它控件可以进行的操作(例如:初始化,创建对象使用)
它都可以进行。
viewstub是一个控件,所以属性都是android下的,包括layout
所以我们可以实现用一个button控制viewstub的动态加载。
3、viewstub属性方法
inflate()方法用来加载viewstub。
动态功能的实现可以通过在button的onclick方法里面添加这个inflate()。
三、viewstub详细介绍
在开发应用程序的时候,经常会遇到这样的情况,会在运行时动态根据条件来决定显示哪个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()后会都传给相应的布局。
总结
以上所述是小编给大家介绍的android在layout xml中使用viewstub完成动态加载,希望对大家有所帮助