TableLayoutを使ってみる

前ページ

記事一覧

次ページ

TableLayoutを使ってみる。

これは、画面上に表みたいな出力をするレイアウト定義！
私は、カレンダーを作る予定で調べながら作成しています。
以下にソースを載せます。
ファイル：strings.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <string name="app_name">Calendar</string>
    <string name="hello_world">こんにちは　まりね world!</string>
    <string name="sunday">日</string>
    <string name="monday">月</string>
    <string name="tuesday">火</string>
    <string name="wednesday">水</string>
    <string name="thursday">木</string>
    <string name="friday">金</string>
    <string name="saturday">土</string>
</resources>

表示用に、曜日の文字列を追加してみた。


ファイル：main.xml

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent"
 android:layout_height="fill_parent" 
   android:background="#ffeeff"
   android:weightSum="7">
  <TableRow>
    <TextView
        android:text="@string/sunday"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:textColor="#ff0000" />
      <TextView
        android:text="@string/monday"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:textColor="#000000"  />
      <TextView
        android:text="@string/tuesday"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:textColor="#000000" />
      <TextView
        android:text="@string/wednesday"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:textColor="#000000" />
      <TextView
        android:text="@string/thursday"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:textColor="#000000" />
       <TextView
        android:text="@string/friday"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:textColor="#000000" />
      <TextView
        android:text="@string/saturday"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"
        android:textColor="#0000ff" />
</TableRow> 
  <TableRow>
  <Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
</TableRow> 
  <TableRow>
  <Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
</TableRow> 
  <TableRow>
  <Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
</TableRow> 
  <TableRow>
  <Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
</TableRow> 
  <TableRow>
  <Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
<Button
android:text="00"
android:id="@+id/button1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:textColor="#0000ff" >
</Button>
</TableRow> 
</TableLayout>      

ソースは、曜日の表示と日付にわかれます。
説明：
　android:weightSum="7"
　１行を７とします。
　曜日数が７なので、このように指定しました。
　android:layout_width="0dp"
　表示幅が不明なので、０としました。
　android:layout_weight="1"
　表示列の幅を１(１／７)を指定。
　<TableRow>
　行の開始
　</TableRow>
　行の終わり

実行してみました。

ちょっと予定と違う！
違うアプローチを考えてみます。

ページトップへ戻る