mAndroid常用布局样式
使用量从高到低:
RelativeLayout(相对布局)
LinearLayout(线性布局)
FrameLayout(帧布局)
TableLayout(表格布局)
AbsoluteLayout(绝对布局)
布局原则:
尽量多使用LinearLayout(线性布局)和RelativeLayout(相对布局),不要使用AbsoluteLayout(绝对布局)
在布局层次一样的情况下,建议使用LinearLayout代替RelativeLayout,因为LinearLayout性能要稍高一点
将可复用的组件抽取出来并通过include标签使用
使用ViewStub标签来加载一些不常用的布局
使用merge标签减少布局的嵌套层次
include标签的使用
作用:将公用的组件抽取出来单独放到一个xml文件中,然后使用include标签导入公用布局
效果:提高UI的制作的复用效率,也能保证制作的UI布局更加规范和已维护
<include layout="@layout/common_progressbar"//这是引用的layout文件 />
merge标签的使用
作用:合并UI布局,使用该标签能降低UI布局的嵌套层次
case 1:布局根节点是FrameLayout且不需要设置background或padding等属性,可以用merge代替
case 2:某布局作为子布局被其他布局include时,使用merge当该布局的顶节点,这样在被引入顶节点会自动被忽略
mergeTest01.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" android:orientation="vertical" > <ProgressBar android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" /> <TextView android:text="请稍后" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" /> </merge>
-
main.xml
<include layout="@layout/mergeTest01" />
ViewStub标签的使用
**作用:**Viewstub标签同include标签一样可以用来引入外部布局,不同的是,Viewstub引入的布局默认不会扩张,既不会占用显示也不会占用位置,从而在解析layout时节省CPU和内存
main.xml
<ViewStub android:id="@+id/stub" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout="@layout/test02" />
-
test02.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="wrap_content" android:layout_height="wrap_content" android:text="隐藏内容" /> </LinearLayout>
-
main.java 操作Viewstub
package com.example.android_layout; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.view.ViewStub; import android.widget.Button; public class MainActivity extends Activity { private Button button; private ViewStub stub; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //include标签所加载的layout空间,也可以在这里findbyid button =(Button) findViewById(R.id.button111); stub = (ViewStub) findViewById(R.id.stub); button.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { //显示Viewstub里的布局View stub.inflate(); } }); } }