美文网首页
布局优化

布局优化

作者: 金馆长说 | 来源:发表于2017-04-14 18:42 被阅读22次

merge标签使用

  • 1.布局根节点是FrameLayout而且不需要背景颜色或padding属性可以用merge代替,因为activity内容布局的parent view就是一个framgent所以这种情况下,在套一个就是多余了。直接用merge代替把多余的layout去除掉,让布局merge到上一层的FrameLayout中。*

    main.layout

  <merge xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="match_parent">

      <FrameLayout
          android:layout_width="match_parent"
          android:layout_height="match_parent">

          <TextView
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:text="hello world" />

          <RelativeLayout
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:layout_gravity="center" >

              <include layout="@layout/header" />

          </RelativeLayout>
      </FrameLayout>
  </merge>

*2.布局作为子布局被其他布局引入时,顶节点布局可以换成merge。这样在被引入时顶节点就会被忽略,子节点全部会合并到主布局中。 *

hread.layout

  <merge xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="match_parent" >

      <Button
          android:id="@+id/button"
          android:layout_width="match_parent"
          android:layout_height="@dimen/dp_40"
          android:layout_above="@id/text"/>

      <TextView
          android:id="@+id/text"
          android:layout_width="match_parent"
          android:layout_height="@dimen/dp_40"
          android:layout_alignParentBottom="true"
          android:text="@string/app_name" />

  </merge>

** ViewStub标签**

viewstub标签同include标签一样可以用来引入一个外部布局,不同的是,viewstub引入的布局默认不会扩张 ,即既不会占用显示也不会占用位置,从而在解析layout时节省cpu和内存。 viewstub常用来引入那些默认不会显示,只在特殊情况下显示的布局,如进度布局、网络失败显示的刷新布局、信息出错出现的提示布局等。

我们新建一个xml文件用来显示一个网络错误时提示信息error.xml:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content" >

     <TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_centerInParent="true"
          android:background="@android:color/white"
          android:padding="10dip"
          android:text="Message"
          android:textColor="@android:color/black" />

  </RelativeLayout>

然后在main.xml里面加入ViewStub的标签引入上面的布局:

  <merge xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"
      android:layout_width="match_parent"
      android:background="@android:color/darker_gray"
      android:layout_height="match_parent" >

      ...

      <ViewStub
          android:id="@+id/error_layout"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_gravity="center"
          android:layout="@layout/error" />

  </merge>

在java中通过(ViewStub)findViewById(id)找到ViewStub,通过stub.inflate()展开ViewStub,然后得到子View,如下:

  private View errorView;

  private void showError() {
      // not repeated infalte
      if (errorView != null) {
          errorView.setVisibility(View.VISIBLE);
          return;
      }

      ViewStub stub = (ViewStub)findViewById(R.id.error_layout);
      errorView = stub.inflate();
  }

  private void showContent() {
      if (errorView != null) {
          errorView.setVisibility(View.GONE);
      }
  }

LinearLayout和RelativeLayout性能比较
RelativeLayout会对子view做二次measure操作。
LinearLayout在没有weight属性情况下只做一次,有也会做二次。性能方面LinearLayout要稍微高于RelativeLayout,但是有时候Relative可以简单实现Linear的布局。布局时候尽量多使用LinearLayout和RelativeLayout,能用LinearLayout实现的布局就用LinearLayout。

参考

相关文章

网友评论

      本文标题:布局优化

      本文链接:https://www.haomeiwen.com/subject/qpkgattx.html