1

チェス盤をデザインしたいのですが、8つのImageViewを含む別のレイアウトを8倍含めることで。次に、64個の正方形のコンポーネントすべてに一意のandroid：idを設定するにはどうすればよいですか？

含まれているレイアウトを次のように設計したいと思います。

LinearLayout（方向：水平）-> ImageView-> ...-> ImageView

もう1つのポイントは、親にLinearLayoutを使用し、含まれているレイアウトを最高のパフォーマンス手法にすることです。私はRelativeLayoutを使用することを考えましたが、どのように管理できるかわかりません。

4

1 に答える 1

3

ここで言及されているCodeGuruは、探しているチェス盤を作成するのに役立つサンプルコードであるため、TableLayoutを使用します。

<?xml version="1.0" encoding="utf-8"?>
    <TableLayout 
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center_horizontal"
    android:background="#FFFFFF" >

    <TableRow
        android:id="@+id/tableRow1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <ImageView
            android:id="@+id/block1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/image1 />

        <ImageView
            android:id="@+id/block2"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/image2 />

        <ImageView
            android:id="@+id/block3"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/image1 />

        <ImageView
            android:id="@+id/block4"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/image2 />

        <ImageView
            android:id="@+id/block5"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/image1 />

      <ImageView
            android:id="@+id/block6"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/image2 />

    <ImageView
            android:id="@+id/block7"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/image1 />

  <ImageView
            android:id="@+id/block8"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/image2 />
    </TableRow>

<TableRow
        android:id="@+id/tableRow2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <ImageView
            android:id="@+id/block9"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/image1 />

        <ImageView
            android:id="@+id/block10"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/image2 />

        <ImageView
            android:id="@+id/block11"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/image1 />

        <ImageView
            android:id="@+id/block12"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/image2 />

        <ImageView
            android:id="@+id/block13"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/image1 />

      <ImageView
            android:id="@+id/block14"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/image2 />

    <ImageView
            android:id="@+id/block15"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/image1 />

  <ImageView
            android:id="@+id/block16"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:src="@drawable/image2 />
    </TableRow>

などなど...画像の代わりに白と黒の背景色を使用したい場合は可能です。

お役に立てれば！

于 2012-11-29T19:20:12.937 に答える