| | |
■TableLayout 出力
TableLayoutは文字通りテーブル型のレイアウトを出力します。
１．次のように新しいプロジェクトを生成します。
２．res -> layout -> main.xmlファイルのソースコードを修正します。
<?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> |
[ 修正後main.xml]
３．メニューから Run -> Run を選択します。
[ 実行結果 ]
ソースコードを分析してみると…
<TableRow> はテーブルの行を意味する。
<TextView> は文字列を出力する。
<view>は水平の区分線を表示する。
次のように最後の行のQuitを出力する部分を変更してみましょう。
<TableRow> <TextView android:layout_column="3" => 1 から3に変更 android:text="Quit" android:padding="3dip" android:textColor="#FF0000" => 文字色指定 android:background="#cccccc" => 背景色指定 /> </TableRow> |
[ 実行結果 ]
