Android UI优化之ViewStubs使用方法

最新推荐文章于 2024-07-03 18:53:43 发布
最新推荐文章于 2024-07-03 18:53:43 发布
阅读量2.2k 收藏
点赞数 1
分类专栏： Android UI控件优化 文章标签： android UI优化 ViewStub viewsub Android优化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013899706/article/details/40188835
版权
1.含义解释：
ViewStub默认是不显示的，也不占用内存，加载时会被其他的布局所替代才占用内存并且才显示出来，加载后如果只是隐藏用ViewStub.setVisiblitiy(View.GONE)就可以正常隐藏，但是不能释放内存。
ViewStub和include的区别是： ViewStub中的布局不会随着它所在布局的渲染而渲染，而<include>标签中的布局会随着它所在布局的渲染而渲染，ViewStub中的布局只有在你需要的时候才会渲染到主界面中。
ViewStub只能在Activity中加载一次（除非重新创建Activity或者其他寄存器），加载后ViewStub就被ViewStub里的layout布局替换了最初的ViewStub,也就是加载后ViewStub就是相应的layout布局，因此ViewStub只能加载一次，不能重复加载否则报错。因此要做判断，ViewStub.getParent()是否为空，如果不为空则加载，为空则不加载，详情看下面代码。
2.java代码：
第一种写法：判断ViewStub是否为空 
  
  

   
   

    
    public class MyActivity extends Activity {
   
   

   
   

    
    
   
   

   
   

    
        private static final String TAG = "MyActivity";
   
   

   
   

    
        private Button mBtn1, mBtn2;
   
   

   
   

    
        private ViewStub mVs;
   
   

   
   

    
        private boolean isVisibility = false;
   
   

   
   

    
    
   
   

   
   

    
        @Override
   
   

   
   

    
        public void onCreate(Bundle savedInstanceState) {
   
   

   
   

    
            super.onCreate(savedInstanceState);
   
   

   
   

    
            setContentView(R.layout.main);
   
   

   
   

    
    
   
   

   
   

    
            mBtn1 = (Button) findViewById(R.id.btn1);
   
   

   
   

    
            mBtn2 = (Button) findViewById(R.id.btn2);
   
   

   
   

    
            mVs = (ViewStub) findViewById(R.id.vs);
   
   

   
   

    
            mBtn2.setOnClickListener(new View.OnClickListener() {
   
   

   
   

    
                @Override
   
   

   
   

    
                public void onClick(View v) {
   
   

   
   

    
                    //要判断mVs是否为空，为空则说明已经加载过，不为空说明是第一次加载
   
   

   
   

    
                    if (mVs.getParent() != null) {
   
   

   
   

    
                        Log.e(TAG, "vs is not null");
   
   

   
   

    
                        mVs.setInflatedId(R.id.inflate);
   
   

   
   

    
                        mVs.setLayoutResource(R.layout.myinflate);
   
   

   
   

    
                        mVs.inflate();
   
   

   
   

    
                    } else {
   
   

   
   

    
                        Log.e(TAG, "vs is null");
   
   

   
   

    
                        if (!isVisibility) {
   
   

   
   

    
                            Log.e(TAG, "ViewStub is visible");
   
   

   
   

    
                            mVs.setVisibility(View.VISIBLE);
   
   

   
   

    
                        } else {
   
   

   
   

    
                            Log.e(TAG, "ViewStub is gone ");
   
   

   
   

    
                            mVs.setVisibility(View.GONE);
   
   

   
   

    
                        }
   
   

   
   

    
                    }
   
   

   
   

    
                    isVisibility = !isVisibility;
   
   

   
   

    
                }
   
   

   
   

    
            });
   
   

   
   

    
        }
   
   

   
   

    
    }
第二种写法：直接作出判断第二次就不再加载 
   
   

    
    

     
     public class MyActivity extends Activity {
    
    

    
    

     
     
    
    

    
    

     
         private static final String TAG = "MyActivity";
    
    

    
    

     
         private Button mBtn1, mBtn2;
    
    

    
    

     
         private ViewStub mVs;
    
    

    
    

     
         private boolean isStub = false;
    
    

    
    

     
         private boolean isVisibility = false;
    
    

    
    

     
     
    
    

    
    

     
         @Override
    
    

    
    

     
         public void onCreate(Bundle savedInstanceState) {
    
    

    
    

     
             super.onCreate(savedInstanceState);
    
    

    
    

     
             setContentView(R.layout.main);
    
    

    
    

     
     
    
    

    
    

     
             mBtn1 = (Button) findViewById(R.id.btn1);
    
    

    
    

     
             mBtn2 = (Button) findViewById(R.id.btn2);
    
    

    
    

     
             mBtn2.setOnClickListener(new View.OnClickListener() {
    
    

    
    

     
                 @Override
    
    

    
    

     
                 public void onClick(View v) {
    
    

    
    

     
                     if (!isStub) {
    
    

    
    

     
                         Log.e(TAG, "inflate ViewStub");
    
    

    
    

     
                         mVs = (ViewStub) findViewById(R.id.vs);
    
    

    
    

     
                         mVs.setInflatedId(R.id.inflate);
    
    

    
    

     
                         mVs.setLayoutResource(R.layout.myinflate);
    
    

    
    

     
                         mVs.inflate();
    
    

    
    

     
                     } else {
    
    

    
    

     
                         if (!isVisibility) {
    
    

    
    

     
                             Log.e(TAG, "ViewStub is visible");
    
    

    
    

     
                             mVs.setVisibility(View.VISIBLE);
    
    

    
    

     
                         } else {
    
    

    
    

     
                             Log.e(TAG, "ViewStub is gone ");
    
    

    
    

     
                             mVs.setVisibility(View.GONE);
    
    

    
    

     
                         }
    
    

    
    

     
                     }
    
    

    
    

     
                     isVisibility = !isVisibility;
    
    

    
    

     
                     isStub = true;
    
    

    
    

     
                 }
    
    

    
    

     
             });
    
    

    
    

     
         }
    
    

    
    

     
     }
3.xml代码：
main.layout代码： 
   
   

    
    

     
     <?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">
    
    

    
    

     
     
    
    

    
    

     
         <Button
    
    

    
    

     
             android:id="@+id/btn1"
    
    

    
    

     
             android:layout_width="match_parent"
    
    

    
    

     
             android:layout_height="wrap_content"
    
    

    
    

     
             android:layout_marginTop="100dp"
    
    

    
    

     
             android:text="Button_1" />
    
    

    
    

     
     
    
    

    
    

     
         <ViewStub
    
    

    
    

     
             android:id="@+id/vs"
    
    

    
    

     
             android:layout_width="match_parent"
    
    

    
    

     
             android:layout_height="wrap_content"
    
    

    
    

     
             android:inflatedId="@+id/inflate"
    
    

    
    

     
             android:layout="@layout/myinflate" />
    
    

    
    

     
     
    
    

    
    

     
         <Button
    
    

    
    

     
             android:id="@+id/btn2"
    
    

    
    

     
             android:layout_width="match_parent"
    
    

    
    

     
             android:layout_height="wrap_content"
    
    

    
    

     
             android:text="Button_2" />
    
    

    
    

     
     </LinearLayout>
解释：我之前看别人讲解一直不明白 android:inflatedId = "@+id/inflate"这个是什么意思，后来看java代码才知道里面有个setInflate函数中的id就是这个id，这个id是随便设置的，尽量和你的layout的id相近，为了布局多时好辨认，layout的id是你要加载的布局的id及下面的myinflate。
myinflate代码：这里为了显示清晰特意用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="match_parent"
    
    

    
    

     
         android:layout_height="match_parent">
    
    

    
    

     
     
    
    

    
    

     
         <ImageView
    
    

    
    

     
             android:layout_width="wrap_content"
    
    

    
    

     
             android:layout_height="wrap_content"
    
    

    
    

     
             android:layout_gravity="center_horizontal"
    
    

    
    

     
             android:background="@drawable/ic_launcher" />
    
    

    
    

     
     </LinearLayout>
4.看看结构层次图：
（1）、未点击加载布局是的结构图：可以看到两个按钮中间没有其他组件，结构为两层，ViewStub和Button在一层上。

（2）、第一次加载后：可以看到两个按钮之间多出一个图片组件，结构图也变成了三层，与上图相比LinearLayout是后即在出来的，而ViewStub组件也不见了，说明是被替换了。

（3）、隐藏mVs（即后加载进来的LinearLayout布局）后的图：层次和结构未变只是中间的图片消失了。

5.结尾：ViewSub对于我们组件较多但又不需要一次性加载的应用优化是非常好的工具，希望大家熟练该组件的用法。

节约内存从优化开始。

转载请注明出处。

翰墨飘香85
关注
专栏目录
Android性能优化利器：使用ViewStub优化你的布局
fxjzzyo的博客
05-08 1008
ViewStub的概念，作用，使用方法。android中动态显示隐藏View的两种方式比较。ViewStub的使用举例，注意事项。
android switch的使用方法,Android UI控件Switch的使用方法
weixin_36294922的博客
05-25 1万+
在Android中偶尔会用到开关，Switch就是一个简单易使用的不错的控件。首先，在布局中添加上Switch控件：android:id="@+id/s_v"android:layout_width="wrap_content"android:layout_height="wrap_content"android:switchMinWidth="20dp"android:textOn="on"an...
Android应用：StubView显示与隐藏
06-11
Android源代码 启动时隐藏StubView，点击Show按钮显示StubView，点击Hide隐藏StubView.
代码动态写 viewstub
最新发布
chuyouyinghe的专栏
07-03 30
在Android中，ViewStub是一个不可见的，大小为0的View，在布局优化中起着重要的作用。ViewStub可以在布局文件中占位，当需要显示ViewStub中的内容时，通过调用。在实际的应用场景中，你可能需要根据条件动态决定是否要替换ViewStub中的内容，或者要替换成什么样的布局。方法，该ViewStub占位符会被替换为指定的布局资源。如果你想要动态地写ViewStub，你可以在代码中使用。是你在XML布局文件中定义的ViewStub的ID，是你想要ViewStub替换成的布局资源的ID。
Android ViewStub的基本使用
weixin_33859504的博客
02-18 1012
在我们写布局的时候，会出现有些控件或子布局在需要的时候才显示，不需要的时候就消失（这里的消失是指看不见并且不占位置）。常用的做法有两种，一种是直接画在布局中，然后按条件setVisibility(VISIBLE、INVISIBLE、GONE)，这种用起来很方便，但是缺点在于在控件或子布局在父布局初始化的时候就已经渲染了，比较耗性能。另一种是使用ViewStub，这种跟前一种能实现同样的功能，但是只...
Android ViewStub
zenmela2011的专栏
04-06 2126
①对ViewStub的inflate操作只能进行一次，因为inflate的时候是将其指向的布局文件解析inflate并替换掉当前ViewStub本身（由此体现出了ViewStub“占位符”性质），一旦替换后，此时原来的布局文件中就没有ViewStub控件了，因此，如果多次对ViewStub进行infalte，会出现错误信息：ViewStub must have a non-null ViewGroup viewParent。//stub布局的加载有两种方式，一种是stub.inflate();
ViewStub用法
全干工程师
07-11 2476
在开发应用程序,会在运行时动态根据条件来决定显示哪个View或某个布局。那么最通常的想法就是把可能用到的View都写在上面，先把它们的可见性都设为View.GONE。这样的做法的优点是逻辑简单而且控制起来比较灵活。但是它的缺点就是，耗费资源。       推荐的做法是使用Android.view.ViewStub，ViewStub是一个轻量级的View，它一个看不见的，不占布局位置，占用资源非常
深入了解 Android 中的 ViewStub
jiet_h的博客
06-19 980
在 Android 开发中，性能优化一直是一个重要的话题。`ViewStub` 作为一种轻量级视图容器，可以帮助我们在合适的时机延迟加载视图，从而优化应用性能。
android 漂亮的UI界面 完整的界面设计
02-17
声明：这也是我学习时在网上下载的，鉴于分享精神，并且觉得很不错才上传...android 漂亮的UI界面 完整的界面设计 这是一个完整的UI设计，但是没写动作，这是一个公司程序员的公司任务设计，请别商用，要用请修改。。。
Android性能优化(4)：UI渲染机制以及优化
老蒋也疯狂
11-20 1万+
文章目录1. 渲染机制分析1.1 渲染机制1.2 卡顿现象1.3 内存抖动2. 渲染优化方式2.1 过度绘制优化2.1.1 Show GPU overdraw2.1.2 Profile GPU Rendering2.2 卡顿优化2.2.1 SysTrace2.2.2 TraceView 在从Android 6.0源码的角度剖析View的绘制原理一文中，我们了解到View的绘制流程有三个步骤，即m...
Android 性能优化(六)：启动优化的详细流程
csdn_aiyang的博客
03-27 4786
业内常见的app启动过程阶段一般分为「启动阶段」和「首刷阶段」。启动阶段：指用户点击icon到见到app的首页，起点为的Activity的()。首刷阶段：指用户见到app的首页到首页列表内容展现起点为Activity的onCreate，终点列表的onAttachedToWindow()。为了确保启动优化量化指标的数据能稳定和完整。启动过程中App退后台用户未登录场景特殊场景下的开屏广告，比如有复杂的联动动效站外push、deeplink拉起。
115转存助手ui优化版3.9.1网友魔改-转存提取全修复-user
01-23
本次我们将关注的是“115转存助手UI优化版3.9.1网友魔改_转存提取全修复_user”这一特别版本，它旨在优化用户界面并修复已知问题，为用户带来更流畅的使用体验。 首先，我们要理解“115转存助手”的核心功能。这是...
android组件用法说明,Android组件ViewStub基本使用方法详解
weixin_31473011的博客
05-25 298
ViewStub可以在运行时动态的添加布局。帮助文档给定的定义是："A ViewStub is an invisible, zero-sized View that can be used to lazily inflate layout resources at runtime. When a ViewStub is made visible, or when inflate() is invo...
View 使用 - ViewStub
HugMua的博客
05-12 213
当需要根据条件来显示/隐藏某个 View 的时候，通常是把用到的 View 全都写出来，之后通过代码动态的设置可见性（GONE、INVISIBLE），即便不可见也会被绘制耗费资源。而 ViewStub 是一个大小为0不可见的控件，只有调用了 setVisibility() 或 inflate() 后才会填充布局资源并被替换掉（区别是否要使用填充布局中的控件），宽高使用的是 ViewStub 定义的。
Android API 中文（14） —— ViewStub
weixin_34242658的博客
10-18 91
前言 　　关键字： android.view.ViewStub，版本为Android 2.2 r1   　　本章翻译来自唐明 ，这里本博负责整理和发布，欢迎其他译者一起参与Android API 的中文翻译行动，联系我over140@gmail.com。     声明 　　欢迎转载，但请保留文章原始出处:)   　　　　农民伯伯：http://over140.blog.51c...
Android之ViewStub的简单使用
热门推荐
mulanlong的博客
03-19 1万+
1.viewstub就是动态加载试图；也就是在我们的app启动绘制页面的时候，他不会绘制到view树中；当在代码中执行inflate操作后，她才会被添加到试图中。其实ViewStub就是一个宽高都为0的一个View，它默认是不可见的，只有通过调用setVisibility函数或者Inflate函数才 会将其要装载的目标布局给加载出来，从而达到延迟加载的效果，这个要被加载的布局通过android:l...
Android性能优化之布局优化：ViewStub的使用
u010257931的博客
09-16 650
前言 最近在看关于App性能优化的文章，看到布局优化这一块。当然布局优化这一块，最重要的一点是减少的布局的嵌套。少一层布局就能减少不少性能，避免出现布局的过度绘制。其中布局优化这一块，就提到了三种标签：include、merge、ViewStub。include主要是通过引入布局，增加布局的复用性。merge的使用可以减少一层layout达到优化layout的目的。ViewStub主要是控制布局...
Android ViewStub控件使用
liken的专栏
11-03 7673
ViewStub是android中view的一种优化方案，它的目的是在不加载view
Android优化之ViewStub
~
07-04 962
在Android程序中，可以使用ViewStub来实现延时加载或者动态加载的效果，当用ViewStub进行布局时，在没有setVisibility或者inflate()时，会隐藏在页面中，而且不会实例化，这样的好处就是提高加载速度，当我们需要时再去加载，比较类似于java中的“懒加载”。      另一个需要注意的就是ViewStub在被实例化后，就变成了已经定义指向的布局了，ViewStub相
Android UI框架与控件使用详解
首先，了解各种用户界面控件的使用方法是构建有效UI的基础。Android提供了一系列基本控件，如按钮（Button）、文本框（EditText）、图片视图（ImageView）等，开发者可以通过这些控件构建丰富的交互界面。每个控件都...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值