当前位置: 移动技术网 > IT编程>移动开发>Android > Android在layout xml中使用ViewStub完成动态加载问题

Android在layout xml中使用ViewStub完成动态加载问题

2019年07月24日  | 移动技术网IT编程  | 我要评论

9vvbb,八角金盘,问题餐厅中国版

一、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完成动态加载,希望对大家有所帮助

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网