Android 抽样布局总结

学习总结：

抽样布局：面向对象中有抽象类,子类继承于抽样类，然后重写方法和属性就可达到自己所需要的效果。

抽样类abstract 就成为一个公共的模板供具有相似的子类使用。

在Android中通抽样类一样，可以将一些共用的UI抽样出来成为独立的组件，供具有相似界面的布局组件使用。

<include>标签 可以把已经定义好的一个布局当成另外一个布局的中的一个元素，将另外一个布局包含到现有的布局中。

格式：

<include layout="@layout/布局名称"/>   使用include标签的layout属性指定被包含的布局文件。

如果要改变被包含的布局根节点的宽度和高度或ID（只有这三个属性可以被重写并且只有根节点的属性可以被重写）则在<include />中使用android:layout_width 和android：layout_height以及android：id属性进行修改，注意如果修改了高度则宽度和高度必须同时修改，不然系统无法使用新布局的属性。

被包含的布局的高度不要是fill_parent,不然当你包含多个的时候有些布局显示不出来

下面自己写的demo学习

demo.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/demo"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" >


    <Button
        android:id="@+id/button1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="button" />


    <TextView
        android:id="@+id/textView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="0.46"
        android:text="Hello_World" />


</LinearLayout>

activity_main.xml

<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:orientation="vertical" 
    tools:context=".MainActivity" >


    <include layout="@layout/demo"
        android:id="@+id/demo01"
        />
    <include layout="@layout/demo"
        android:id="@+id/demo02"/>


</LinearLayout>

package com.jorryzhao.imagedeo;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.TextView;


public class MainActivity extends Activity {
TextView textview01,textview02;
static int count=0,count2=0;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
LinearLayout demo01=(LinearLayout) this.findViewById(R.id.demo01);
Button button01=(Button)demo01.findViewById(R.id.button1);
button01.setText("demo01");
  textview01=(TextView)demo01.findViewById(R.id.textView1);
  LinearLayout demo02=(LinearLayout) this.findViewById(R.id.demo02);
Button button02=(Button)demo02.findViewById(R.id.button1);
button02.setText("demo02");
textview02=(TextView)demo02.findViewById(R.id.textView1);
button01.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
count++;
textview01.setText("demo01中button点击了 "+count+"次");
}
});
      button02.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub
count2++;
textview02.setText("demo02中button点击了 "+count2+"次");
}
});
}


@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
}

运行效果：

<merge>标签

单独将<merge />标签做个介绍，是因为它在优化UI结构时起到很重要的作用。目的是通过删减多余或者额外的层级，从而优化整个Android Layout的结构。核心功能就是减少冗余的层次从而达到优化UI的目的！

假设include标签中被包含的布局根节点使用的是<merge></merge>那么include标签所在的布局就会将merge标签中包含的组件元素全部包含到include所在的布局中。

另外有两点需要特别注意：

<merge />只可以作为xml layout的根节点。

当需要扩充的xml layout本身是由merge作为根节点的话，需要将被导入的xml layout置于viewGroup中，同时需要设置attachToRoot为True。

<ViewStub>标签为了推迟一些组件的显示，该标签的组件在未经指明可见的情况下是不可见的。使用格式和include标签一样

为了使ViewStub中被包含的布局文件在界面中显示可见，则使用

如下代码

View view=this.findViewById(Rid.viewStub);

view.setVisibility(true);