TableLayout 表格布局
tablelayout简介
表格布局有TableLayout代表,但是它的本质定义仍然是线性管理器。表格布局采用行和列来管理UI,但是不需要明确的定义多少行,多少列,而是通过添加TableRow,没添加一个TableRow,就添加一行,TableRow中每添加一个组件就是一列。
TableLayout属性
<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:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context=".MainActivity"
android:orientation="vertical">
<TableLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:shrinkColumns="1"
android:stretchColumns="2">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hello "/>
<TableRow>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hello "/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hello "/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hello "/>
</TableRow>
</TableLayout>
<TableLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:collapseColumns="1">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hello "/>
<TableRow>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hello "/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hello "/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hello "/>
</TableRow>
</TableLayout>
<TableLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:stretchColumns="1,2">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hello "/>
<TableRow>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hello "/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hello "/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hello "/>
</TableRow>
<TableRow>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hello "/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="hello "/>
</TableRow>
</TableLayout>
</LinearLayout>
FrameLayout帧布局
帧布局是由FrameLayout所代表,FrameLayout直接继承了ViewGroup属性。帧布局为每一个加入的控件创建一个空白的区域,称为一帧,每个子组件占据一帧,这些帧都会根据gravity属性,自动对齐。
FrameLayout的属性
子组件会受到FrameLayout.layoutParam的控制,可指定
android:layout_gravity来控制对齐方式。
Frame霓虹灯实例
package peng.liu.testview;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.widget.TextView;
import java.util.Timer;
import java.util.TimerTask;
public class MainActivity extends Activity {
private int[] names = new int[]{
R.id.view01,
R.id.view02,
R.id.view03,
R.id.view04,
R.id.view05,
R.id.view06
};
private int[] colors = new int[]{
R.color.color1,
R.color.color2,
R.color.color3,
R.color.color4,
R.color.color5,
R.color.color6
};
private int currentColor = 0;
TextView[] texts = new TextView[names.length];
Handler handler = new Handler(){
@Override
public void handleMessage(Message msg) {
if (msg.what == 0x123){
for(int i =0;i<names.length;i++){
texts[i].setBackgroundResource(colors[(i + currentColor) % names.length]);
}
currentColor++;
}
super.handleMessage(msg);
}
} ;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
for(int i=0;i<names.length;i++){
texts[i] = (TextView) findViewById(names[i]);
}
new Timer().schedule(new TimerTask() {
@Override
public void run() {
handler.sendEmptyMessage(0x123)
}
},0,200);
}
}
布局代码
<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:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin"
tools:context=".MainActivity"
android:orientation="vertical">
<FrameLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/view01"
android:layout_gravity="center"
android:background="@color/color1"
android:width="320px"
android:height="320px"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/view02"
android:layout_gravity="center"
android:background="@color/color2"
android:width="280px"
android:height="280px"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/view03"
android:layout_gravity="center"
android:background="@color/color3"
android:width="240px"
android:height="240px"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/view04"
android:layout_gravity="center"
android:background="@color/color4"
android:width="200px"
android:height="200px"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/view05"
android:layout_gravity="center"
android:background="@color/color5"
android:width="160px"
android:height="160px"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/view06"
android:layout_gravity="center"
android:background="@color/color6"
android:width="120px"
android:height="120px"
/>
</FrameLayout>
</LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="color1">#f00</color>
<color name="color2">#0f0</color>
<color name="color3">#00f</color>
<color name="color4">#ff0</color>
<color name="color5">#f0f</color>
<color name="color6">#0ff</color>
</resources>