android_优化_布局优化(merge)

目的:减少布局层数
效果:减少视图树中的节点个数,加快视图的绘制,提高UI性能#

何时使用:

  1. 子视图不需要指定任何针对父视图的布局属性
  2. 假如需要在LinearLayout里面嵌入一个布局(或者视图),而恰恰这个布局(或者视图)的根节点也是LinearLayout,这样就多了一层没有用的嵌套,无疑这样只会拖慢程序速度。而这个时候如果我们使用merge根标签就可以避免那样的问题

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <Button
        android:id="@+id/testlayout_button_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="测试布局中Button1"/>
    <Button
        android:id="@+id/testlayout_button_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="测试布局第二个Button2"/>
</LinearLayout>

放到一个activity中展示,这个是一个很简单的界面就是在界面上展示一个textview

public class MainActivity extends Activity {
 
     @Override
     protected void onCreate(Bundle savedInstanceState) {
          super.onCreate(savedInstanceState);
          setContentView(R.layout.activity_main);
     }
}

这里写图片描述

我们可以看到这里是这样一个关系 Framelayout-Relativelayout-Textview
但是我们根本没有用到任何Relativelayout的特性,如果改为Linearlayout也是同样道理
我们并没有用到他们的特性,so我们可以把Framelayout,Relativelayout合并
这个时候merge就可以使用了

<merge 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" >
 
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="merge标签使用" />
 
</merge>

这里写图片描述

与之前相比 Framelayout-Relativelayout-Textview 变为了
Framelayout-Textview 少了一层Relativelayout

第二种情况 消除LinearLayout嵌套

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    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"
    android:orientation="vertical"
    tools:context="activity.szgroup.wy.myactivity.MainActivity">
 
    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        android:clickable="true"/>
 
    <include
        android:id="@+id/keji"
        layout="@layout/pic_include"
 
        />
 
</LinearLayout>

pic_include.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/colorAccent"
    >
    <TextView
        android:id="@+id/text1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="18sp"
        android:text="@string/jsx"/>
    <ImageView
        android:id="@+id/pic"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/jinsixiong"
        />
 
 
</LinearLayout>
  • 我们可以看到 activity_main 中用到了 pic_include
    并且我们的activity_main和pic_include中都是是linearlayout垂直布局
    而且是LinearLayout嵌套LinearLayout这时候我们就可以用merge消除一层布局
    我们将pic_include.xml修改为
<?xml version="1.0" encoding="utf-8"?>
<merge
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context="activity.szgroup.wy.myactivity.MainActivity">
 
    <TextView
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        android:clickable="true"/>
 
    <include
        android:id="@+id/keji"
        layout="@layout/pic_include"
 
        />
 
</merge>

也就是用一个Linearlayout实现了原本嵌套的页面

注意事项

  1. merge必须放在布局文件的根节点上。
  2. merge并不是一个ViewGroup,也不是一个View,它相当于声明了一些视图,等待被添加。
  3. merge标签被添加到A容器下,那么merge下的所有视图将被添加到A容器下。
  4. 因为merge标签并不是View,所以在通过LayoutInflate.inflate方法渲染的时候, 第二个参数必须指定一个父容器,且第三个参数必须为true,也就是必须为merge下的视图指定一个父亲节点。
  5. 如果Activity的布局文件根节点是FrameLayout,可以替换为merge标签,这样,执行setContentView之后,会减少一层FrameLayout节点。
  6. 自定义View的时候,根节点如果需要设置成LinearLayout,建议让自定义的View点建议设置成merge,然后自定义的View
  7. 因为merge不是View,所以对merge标签设置的所有属性都是无效的。

merge不是view

就比如说刚才说到的linearlayout 我们消除第二个linearlayout的时候,如果我们本身linearlayout有设置背景,我们只是将linearlayout修改为merge那么是不会有背景效果的

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值