複数の要素（View）を重ねて表示の続き【android】【FrameLayout】【重ねて表示】

前回の続きです。前回↓
⇒複数の要素（View）を重ねて表示

前回は、１つのImageViewの上に、１つのTextViewを表示していましたが、
今度は、複数のImageViewの上に、１つのTextViewを表示してみます。

気をつけないといけない点は、custom_list_item.xml内のそれぞれの
ImageViewについては重なってはいけない、という点です。

その為、FrameLayoutの中でそれぞれのImageViewを、LinearLayoutで
囲んでいます。
※画像を横並びにする為に、android:orientation="horizontal"を
指定しています。）

結果、下記のように表示されました。


















■custom_list.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent">

    <ListView android:id="@android:id/list"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:cacheColorHint="#00000000"

    />

</FrameLayout>

■custom_list_item.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:orientation="horizontal"

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:paddingTop="2dip"

    android:paddingBottom="2dip"

    android:paddingLeft="2dip"

    android:paddingRight="2dip">

    <LinearLayout

        android:orientation="horizontal"

        android:layout_width="fill_parent"

        android:layout_height="fill_parent"

    >

        <ImageView

            android:id="@+id/imageview"

            android:layout_width="50dip"

            android:layout_height="50dip"

            android:scaleType="centerCrop"

            android:padding="2dip"

            android:layout_gravity="left"

            android:layout_marginRight="2dip"

        />

        <ImageView

            android:id="@+id/imageview2"

            android:layout_width="50dip"

            android:layout_height="50dip"

            android:scaleType="centerCrop"

            android:padding="2dip"

            android:layout_gravity="left"

            android:layout_marginRight="2dip"

        />

        <ImageView

            android:id="@+id/imageview3"

            android:layout_width="50dip"

            android:layout_height="50dip"

            android:scaleType="centerCrop"

            android:padding="2dip"

            android:layout_gravity="left"

            android:layout_marginRight="2dip"

        />

        <ImageView

            android:id="@+id/imageview4"

            android:layout_width="50dip"

            android:layout_height="50dip"

            android:scaleType="centerCrop"

            android:padding="2dip"

            android:layout_gravity="left"

            android:layout_marginRight="2dip"

        />

        <ImageView

            android:id="@+id/imageview5"

            android:layout_width="50dip"

            android:layout_height="50dip"

            android:scaleType="centerCrop"

            android:padding="2dip"

            android:layout_gravity="left"

            android:layout_marginRight="2dip"

        />

        <ImageView

            android:id="@+id/imageview6"

            android:layout_width="50dip"

            android:layout_height="50dip"

            android:scaleType="centerCrop"

            android:padding="2dip"

            android:layout_gravity="left"

            android:layout_marginRight="2dip"

        />

    </LinearLayout>

    <TextView android:id="@+id/textview"

        android:layout_width="wrap_content"

        android:layout_height="fill_parent"

        android:layout_weight="1"

        android:layout_gravity="left"

        android:layout_marginLeft="2dip"

        android:layout_marginTop="2dip"

        android:textColor="@color/white"

        android:textSize="35dip"

        android:textStyle="bold"

    />

</FrameLayout>