Android视图优化之Merge，ViewStub基本使用

Merge基本使用

<merge/>标签用于减少View树的层次来优化Android的布局。

首先演示一个没有使用Merge的layout，app运行到指定的页面后，使用“DDMS -> Dump View Hierarchy for UI Automator”

1,没有使用Merge标签的布局

代码：

<?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="match_parent"        android:gravity="center"        android:text="测试merge" /></LinearLayout>

运行Dump View Hierarchy for UI Automator之后的图

可以看到TextView的父层为一个LinearLayout

2，使用Merge标签之后的布局

<?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" >    <TextView        android:layout_width="match_parent"        android:layout_height="match_parent"        android:gravity="center"        android:text="测试merge" /></merge>

运行Dump View Hierarchy for UI Automator之后的图

可以看到TextView的父层为一个FrameLayout

对比：使用Merge标签之后，能减少视图层，节约GPU的资源，那什么情况下使用Merge标签，个人理解，有误请指正：

1，在LinearLayout里面嵌入一个布局（或者视图），而恰恰这个布局（或者视图）的根节点也是LinearLayout，这样就多了一层没有用的嵌套

2，子视图不需要指定任何针对父视图的布局属性

ViewStub基本使用

ViewStub 标签在加载布局的时候不会立即去加载,它是一种轻量级的View,不占布局位置，占用资源非常小的控件。可以为ViewStub指定一个布局，在Inflate布局的时候，
只有ViewStub会被初始化，然后当ViewStub被设置为可见的时候，
或是调用了ViewStub.inflate()的时候，ViewStub所向的布局就会被Inflate和实例化

ViewStub的特点：

a) ViewStub只能Inflate一次，之后ViewStub对象会被置为空。按句话说，某个被ViewStub指定的布局被Inflate后，就不会够再通过ViewStub来控制它了。

b) ViewStub只能用来Inflate一个布局文件，而不是某个具体的View，当然也可以把View写在某个布局文件中。

ViewStub的使用情况：

a)因为ViewStub只能Inflate一次，之后会被置空，所以无法指望后面接着使用ViewStub来控制布局。所以当需要在运行时不止一次的显示和隐藏某个布局，那么ViewStub是做不到的。这时就只能使用View的可见性来控制了。

b) 想要控制显示与隐藏的是一个布局文件，而非某个View。因为设置给ViewStub的只能是某个布局文件的Id，所以无法让它来控制某个View。
所以，如果想要控制某个View(如Button或TextView)的显示与隐藏，或者想要在运行时不断的显示与隐藏某个布局或View，只能使用View的可见性来控制。

我们通过打开布局边界来查看

首先将代码贴上,首先是使用了ViewStub的Layout代码

<?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" >    <Button         android:id="@+id/view_stub_button"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="start net connect"        android:layout_gravity="center_horizontal"        />    <ViewStub         android:id="@+id/net_error_container"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:layout="@layout/net_error"(这是一个只有一个TextView的layout)        /></LinearLayout>

java代码

public class ViewStubActivity extends Activity {    private Button mButton;    private View netErrorView;//需要网络错误的View    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        getWindow().setContentView(R.layout.view_stub_layout);        mButton = (Button) findViewById(R.id.view_stub_button);        mButton.setOnClickListener(new OnClickListener() {            @Override            public void onClick(View v) {                showNetError();                mButton.postDelayed(new Runnable() {                    @Override                    public void run() {                        showNormal();                    }                }, 3000);            }        });    }    public void showNetError() {//满足条件 -> 网络错误        if (netErrorView != null) {            netErrorView.setVisibility(View.VISIBLE);            return;        }        ViewStub mViewStub = (ViewStub) findViewById(R.id.net_error_container);        netErrorView = mViewStub.inflate();//这个时候才加载ViewStub里面的视图    }    public void showNormal() {        if (netErrorView != null)            netErrorView.setVisibility(View.GONE);    }}

Merge基本使用

首先演示一个没有使用Merge的layout，app运行到指定的页面后，使用“DDMS -> Dump View Hierarchy for UI Automator”

1,没有使用Merge标签的布局

可以看到TextView的父层为一个LinearLayout

2，使用Merge标签之后的布局

可以看到TextView的父层为一个FrameLayout

对比：使用Merge标签之后，能减少视图层，节约GPU的资源，那什么情况下使用Merge标签，个人理解，有误请指正：

1，在LinearLayout里面嵌入一个布局（或者视图），而恰恰这个布局（或者视图）的根节点也是LinearLayout，这样就多了一层没有用的嵌套

2，子视图不需要指定任何针对父视图的布局属性

ViewStub基本使用

ViewStub的特点：

ViewStub的使用情况：

我们通过打开布局边界来查看

运行结果：

1，首先是正常的情况下，没有显示网络错误

这个时候ViewStub标签布局并没有被加载

2，显示我们的ViewStub被加载

布局被加载，边界出现，that’s all

更多相关文章

随机推荐