博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Android--UI之ViewStub
阅读量:5834 次
发布时间:2019-06-18

本文共 4835 字,大约阅读时间需要 16 分钟。

前言

  按照最近博客的路线,继续讲Android的UI开发。今天讲解一下ViewStub控件,惰性装载控件。在本篇博客中,将了解到ViewStub的常用属性、方法,以及注意事项。最后将以一个简单的Demo演示ViewStub的使用。

ViewStub

  在介绍ViewStub之前,可以先了解一下<include/>标签,这是一个把其它布局资源包含进某个特定的布局中,在很多平台的开发中,都有类似的概念,这样好处就不用细说了,主要是可以在不同的文件中编辑界面的布局控件。

  ,惰性装载控件。ViewStub是一个无形的、零大小的视图,可以在程序运行的过程中,通过懒加载的模式inflate进布局资源中。当一个ViewStub的inflate()方法被调用或者被设为显示时,这个ViewStub使用设定的View才会被加载,并替换当前ViewStub的位置。因此,ViewStub存在于视图层次,直到setVisibility(int)或inflate()方法被调用,否则是不加载控件的,所以消耗的资源小。通常也叫它为“懒惰的include”。

   ViewStub的好处是,在某些场景中,并不一定需要把所有的内容都展示出来,可以隐藏一些View视图,待用户需要展示的时候再加载到当前的Layout中,这个时候就可以用到ViewStub这个控件了,这样可以减少资源的消耗,使最初的加载速度变快。

  在ViewStub中,需要用到的属性也就两个,Android也为其提供了相应的getter/setter方法:

  • android:inflateId:重写ViewStub的父布局控件的Id。
  • android:layout:设置ViewStub被inflate的布局控件Id。

  对于ViewStub而言,它需要监听的事件就只有一个,被加载的时候触发的事件,在这个事件中,需要实现一个onInflate()方法,以下是这个方法的签名:

    onInflate(ViewStub stub, View inflated);

  在VIewStub.OnInflateListener事件的onInflate()方法中,stub为当前待膨胀的ViewStub控件,inflated参数为当前被膨胀的View视图,可以在其中对其进行一些额外的操作。

  在使用ViewStub的过程中,有一点需要特别注意。对于一个ViewStun而言,当setVisibility(int)或inflate()方法被调用之后,这个ViewStub在布局中将被使用指定的View替换,所以inflate过一遍的ViewStub,如果被隐藏之后再次想要显示,将不能使用inflate()方法,但是可以再次使用setVisibility(int)方法设置为可见,这就是这两个方法的区别。而inflate()被调用之后,返回的是父布局控件对象。

示例Demo

   下面通过一个Demo讲解一下上面提到的内容。在这个Demo中,会简单的使用到<include/>标签,还定义一个ViewStub控件,用于加载一个RatingBar,提供按钮加载与隐藏这个RatingBar,最后提供一个按钮用于操作动态加载的Ratingbar。

  定义的被inflate的控件代码:

1 
2
6 7
11 12

  布局代码:

  实现代码:

1 package com.bgxt.viewstubdemo; 2  3 import android.os.Bundle; 4 import android.annotation.SuppressLint; 5 import android.app.Activity; 6 import android.view.Menu; 7 import android.view.View; 8 import android.view.View.OnClickListener; 9 import android.view.ViewStub;10 import android.view.ViewStub.OnInflateListener;11 import android.widget.Button;12 import android.widget.LinearLayout;13 import android.widget.RatingBar;14 import android.widget.Toast;15 16 public class MainActivity extends Activity {17     private Button btn1, btn2,btn3;18     private ViewStub viewStub;19 20     @Override21     protected void onCreate(Bundle savedInstanceState) {22         super.onCreate(savedInstanceState);23         setContentView(R.layout.activity_main);24         //获取控件,绑定事件25         btn1 = (Button) findViewById(R.id.btn1);26         btn2 = (Button) findViewById(R.id.btn2);27         btn3 = (Button) findViewById(R.id.btn3);28         viewStub = (ViewStub) findViewById(R.id.stub);29         viewStub.setOnInflateListener(inflateListener);30         btn1.setOnClickListener(click);31         btn2.setOnClickListener(click);32         btn3.setOnClickListener(click);33     }34 35     private OnInflateListener inflateListener=new OnInflateListener() {36         37         @Override38         public void onInflate(ViewStub stub, View inflated) {39             // inflaye ViewStub的时候显示40             Toast.makeText(MainActivity.this, "ViewStub is loaded!", Toast.LENGTH_SHORT).show();41         }42     };43     44     private View.OnClickListener click = new OnClickListener() {45         @Override46         public void onClick(View v) {47             switch (v.getId()) {48             case R.id.btn1:49                 try {50                     //如果没有被inflate过,使用inflate膨胀51                     LinearLayout layout=(LinearLayout)viewStub.inflate();52                     RatingBar bar=(RatingBar)layout.findViewById(R.id.ratingBar1);53                     bar.setNumStars(4);54                 } catch (Exception e) {55                     //如果使用inflate膨胀报错,就说明已经被膨胀过了,使用setVisibility方法显示56                     viewStub.setVisibility(View.VISIBLE);57                 }                58                 break;59 60             case R.id.btn2:61                 //隐藏ViewStub62                 viewStub.setVisibility(View.GONE);63                 break;64             case R.id.btn3:65                 //操作被inflate的控件,需要得到当前布局的对象66                 //然后通过这个对象去找到被inflate的控件。67                 //因为否则在这个示例中,会找到include标签引入的控件68                 LinearLayout linearLayout=(LinearLayout)findViewById(R.id.inflatedStart);69                 RatingBar rBar=(RatingBar)linearLayout.findViewById(R.id.ratingBar1);70                 float numStart=rBar.getRating();71                 numStart++;72                 if(numStart>4)73                 {74                     numStart=0;75                 }76                 rBar.setRating(numStart);77                 break;78             }79 80         }81     };82 83     @Override84     public boolean onCreateOptionsMenu(Menu menu) {85         // Inflate the menu; this adds items to the action bar if it is present.86         getMenuInflater().inflate(R.menu.main, menu);87         return true;88     }89 90 }

  效果展示: 

  

  请支持原创,尊重原创,转载请注明出处。谢谢。

 

你可能感兴趣的文章
在Linux中打印函数调用堆栈【原创】
查看>>
你可能不知道的陷阱:C#委托和事件的困惑
查看>>
关于MyBatis的工作流程和与JDBC的比较与Hibernate的比较
查看>>
ASP.NET MVC5+EF6+EasyUI 后台管理系统(83)-Easyui Datagrid 行内编辑扩展
查看>>
阿里云全面支持SMB协议服务,为数据访问赋能
查看>>
Git学习系列之Git和TortoiseGit的区别
查看>>
Java之正则表达式来判断字符串中是否包含字母
查看>>
Jquery基础学习笔记(1)
查看>>
V$*视图和dba_*视图的区别
查看>>
定义serialVersionUID的作用与意义整理
查看>>
Android 设置EditText光标位置(转)
查看>>
Spring 如何读取properties文件内容
查看>>
PostreSQL崩溃试验全记录
查看>>
Android学习 - (1) 入门例子
查看>>
android基础学习-Fragment和eclipse快捷键
查看>>
不成功的RMAN恢复到其他机器的例子
查看>>
为Angularjs ngOptions加上index解决方案
查看>>
Python黑帽编程2.8 套接字编程
查看>>
WPF 自定义快捷键命令(Command)
查看>>
VisualStudio用IE8调试时遇到的问题(转)
查看>>