AndroidレイアウトのTableLayout(表レイアウト)
30444 ワード
文字通り、TableLayoutも比較的簡単で、肝心なのは関連する属性に対して熟知して、まず1つの簡単な例(後に効果図)を見ます:
レイアウトの説明:
次にandroidの公式ドキュメントの例を見てみましょう.
FROM:
http://hi.baidu.com/hoyah/blog/item/d9db34275d6f361a8b82a171.html
<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:stretchColumns="0,1,2"
android:shrinkColumns="1,2"
>
<TextView
android:text="Table Test"
android:gravity="center"/>
<TableRow>
<TextView
android:layout_column="1"
android:text=" "
android:gravity="center"/>
<TextView
android:text=" "
android:gravity="center"/>
</TableRow>
<TableRow>
<TextView
android:text=" 1 "
android:gravity="center"/>
<TextView
android:text="hoyah"
android:gravity="left"/>
<TextView
android:text="Wuhan University"
android:gravity="right"/>
</TableRow>
<TableRow>
<TextView
android:text=" 2 "
android:gravity="center"/>
<TextView
android:text="Google"
android:gravity="left"/>
<TextView
android:text="hello Google"
android:gravity="right"/>
</TableRow>
<TableRow>
<TextView
android:text="3"
android:gravity="center"/>
<TextView
android:text="Android"
android:gravity="left"/>
<TextView
android:text="Android OS"
android:gravity="right"/>
</TableRow>
</TableLayout>
レイアウトの説明:
android:collapse="1
このTableLayoutのTableRowの列1、すなわち2番目の列(0から計算)を非表示にし、複数の列を非表示にする場合は「,」で区切ります. android:stretchColumns="0,1,2"
列0、1、2を伸張可能な列に設定します. android:shrinkColumns="1,2"
列1、2を縮小可能な列に設定します. android:background="@drawable/picture_name"
この例では、現在のviewの背景ピクチャを設定するために、resフォルダの下にピクチャファイルを置く必要があります.次にandroidの公式ドキュメントの例を見てみましょう.
<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:stretchColumns="1">
<TableRow>
<TextView
android:layout_column="1"
android:text="Open..."
android:padding="3dip" />
<TextView
android:text="Ctrl-O"
android:gravity="right"
android:padding="3dip" />
</TableRow>
<TableRow>
<TextView
android:layout_column="1"
android:text="Save..."
android:padding="3dip" />
<TextView
android:text="Ctrl-S"
android:gravity="right"
android:padding="3dip" />
</TableRow>
<TableRow>
<TextView
android:layout_column="1"
android:text="Save As..."
android:padding="3dip" />
<TextView
android:text="Ctrl-Shift-S"
android:gravity="right"
android:padding="3dip" />
</TableRow>
<View
android:layout_height="2dip"
android:background="#FF909090" />
<TableRow>
<TextView
android:text="X"
android:padding="3dip" />
<TextView
android:text="Import..."
android:padding="3dip" />
</TableRow>
<TableRow>
<TextView
android:text="X"
android:padding="3dip" />
<TextView
android:text="Export..."
android:padding="3dip" />
<TextView
android:text="Ctrl-E"
android:gravity="right"
android:padding="3dip" />
</TableRow>
<View
android:layout_height="2dip"
android:background="#FF909090" />
<TableRow>
<TextView
android:layout_column="1"
android:text="Quit"
android:padding="3dip" />
</TableRow>
</TableLayout>
の効果図は以下の通りです.FROM:
http://hi.baidu.com/hoyah/blog/item/d9db34275d6f361a8b82a171.html