android布局性能优化
本质是通过复用控件达到性能优化。
1、通过<Include/>
被复用控件:
<?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="wrap_content" android:orientation="vertical" android:background="#ccc" > <TextView android:gravity="center" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="使用include复用控件" android:textSize="15sp" android:textColor="@android:color/holo_red_light" /> </LinearLayout>
<LinearLayout 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" android:orientation="vertical" > <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/hello_world" /> <QuickContactBadge android:id="@+id/quickContactBadge1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/textView1" android:layout_marginTop="48dp" android:layout_toRightOf="@+id/textView1" /> <ProgressBar android:id="@+id/progressBar1" style="?android:attr/progressBarStyleLarge" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignRight="@+id/quickContactBadge1" android:layout_below="@+id/quickContactBadge1" android:layout_marginRight="34dp" android:layout_marginTop="37dp" /> <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignLeft="@+id/progressBar1" android:layout_below="@+id/progressBar1" android:layout_marginTop="26dp" android:text="Button" /> <include layout="@layout/bottom" android:id="@+id/myresue" android:layout_alignParentBottom="true" /> </LinearLayout>复用效果:
2‘通过Merge
解决布局嵌套降低性能的问题。把一个布局中处在同意层次的控件抽取出来,在include,提高性能。
<?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" android:layout_gravity="center_vertical" > <Button android:id="@+id/button1" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Button1" /> <Button android:id="@+id/button2" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Button2" /> </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" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:background="#f00" > <TextView android:gravity="center" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="使用Merge复用控件" android:textSize="15sp" android:textColor="@android:color/holo_red_light" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:background="#0f0" > <TextView android:gravity="center" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="使用Merge复用控件" android:textSize="15sp" android:textColor="@android:color/holo_red_light" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:background="#00f" > <TextView android:gravity="center" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="使用Merge复用控件" android:textSize="15sp" android:textColor="@android:color/holo_red_light" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" > <include layout="@layout/mybutton"/> </LinearLayout> </LinearLayout>
效果:
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。