Android之布局优化include、merge 、ViewStub

最新推荐文章于 2025-02-17 02:25:37 发布

原创最新推荐文章于 2025-02-17 02:25:37 发布 · 853 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#布局优化

android studio 专栏收录该内容

91 篇文章

订阅专栏

本文介绍Android开发中提高UI性能的方法，包括使用<include>重用布局文件、利用<merge>标签减少层级、及<ViewStub>按需加载布局，通过这些技巧提升应用体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文只是记录一些零碎的东西

FrameLayout和LinearLayout是Android中比较简单并且高效的布局，如果不考虑布局嵌套的话，直接使用这两种

1. <include />标签能够重用布局文件，使用结果如下：

<include
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        layout="@layout/include" />

2. <merge/>标签在UI的结构优化中起着非常重要的作用，它可以删减多余的层级，优化UI。<merge/>多用于替换FrameLayout或者当一个布局包含另一个时，<merge/>标签消除视图层次结构中多余的视图组。例如你的主布局文件是垂直布局，引入了一个垂直布局的include，这是如果include布局使用的LinearLayout就没意义了，使用的话反而减慢你的UI表现。这时可以使用<merge/>标签优化。

看看merge里的内容显示

merge.xml

<?xml version="1.0" encoding="utf-8"?>
<merge xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    

     <Button  
        android:layout_width="match_parent"   
        android:layout_height="wrap_content"  
        android:onClick="ViewStub1"
        android:text="ViewStub1"/>  
  
    <Button  
        android:layout_width="match_parent"   
        android:layout_height="wrap_content" 
        android:onClick="ViewStub2" 
        android:text="ViewStub2"/>  
        
    <Button  
        android:layout_width="match_parent"   
        android:layout_height="wrap_content" 
        android:onClick="clearViewStub" 
        android:text="clear"/>  
        
</merge>

被放在同样线性布局的文件里include.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    
    <TextView 
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:text="I from include"/>
    
    <include layout="@layout/merge"/>
    

</LinearLayout>

3. <ViewStub />标签最大的优点是当你需要时才会加载，使用他并不会影响UI初始化时的性能。各种不常用的布局想进度条、显示错误消息等可以使用<ViewStub />标签，以减少内存使用量，加快渲染速度。<ViewStub />是一个不可见的，大小为0的View。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

    <include
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        layout="@layout/include" />

    <ViewStub
        android:id="@+id/viewStub"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout="@layout/viewstub" />

</RelativeLayout>

viewstub就是一个progressbar

<?xml version="1.0" encoding="utf-8"?>
<ProgressBar xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
    
</ProgressBar>

java 代码里使用，两种起动方式

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.ViewStub;

/**
 * include  merge  ViewStub
 * 
 * ViesStub控件只能获得一次，第二次再使用findViewById获得该ViewStub对象，则返回null
 * 所以两种方式只可以同时使用一个，即案例里两个按钮不可以都点击！
 * 
 * @author chenling0418
 *
 */
public class MainActivity extends Activity {

	private ViewStub viewStub;
	private View viewStub2;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

	/**
	 * 第一种ViewStub 加载布局
	 * @param view
	 */
	public void ViewStub1(View view) {
		if(viewStub == null){
			viewStub = ((ViewStub) findViewById(R.id.viewStub));
			viewStub.setVisibility(View.VISIBLE); 
		}else{
			viewStub.setVisibility(View.VISIBLE);  
		}
		
	}
	/**
	 * 第二种ViewStub 加载布局
	 * @param view
	 */
	public void ViewStub2(View view) {

		if(viewStub2 == null){
			viewStub2 = ((ViewStub) findViewById(R.id.viewStub)).inflate();
		}else{
			viewStub2.setVisibility(View.VISIBLE); 
		}

		 
	}
	
	public void clearViewStub(View view) {
		
		if(viewStub != null)
			viewStub.setVisibility(View.INVISIBLE); 
		else
			viewStub2.setVisibility(View.INVISIBLE); 
		
	}
}

源码（eclipse）:http://download.youkuaiyun.com/detail/i_do_can/9539142