0

画面上に 2X3 フォーメーションで 6 つの画像を配置する方法を見つけようとしています。すべての画像は正方形で同じサイズで、周囲に小さな余白が必要です。これが私にこれを与えているこれまでのところです:

ご覧のとおり、下の画像は押しつぶされています

レイアウトに由来するもの:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" 
    android:weightSum="3">

    <!-- Top Row -->
    <LinearLayout
        android:baselineAligned="false"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <RelativeLayout
            android:id="@+id/relative_1"
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="6dp"
            android:layout_marginRight="3dp"
            android:layout_marginTop="6dp"
            android:layout_marginBottom="3dp">
            <ImageView 
                android:id="@+id/img_head"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:contentDescription="@string/text_head"
                android:src="@drawable/headlines"
                android:clickable="true"
                />
            <TextView 
                android:id="@+id/text_head"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_alignTop="@id/img_head"
                android:layout_alignLeft="@id/img_head"
                android:layout_alignRight="@id/img_head"
                android:layout_margin="1dp"
                android:gravity="center"
                android:text="@string/text_head"
                />
        </RelativeLayout>
        <RelativeLayout
            android:id="@+id/relative_2"
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="3dp"
            android:layout_marginRight="6dp"
            android:layout_marginTop="6dp"
            android:layout_marginBottom="3dp">
            <ImageView 
                android:id="@+id/img_custom1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:contentDescription="@string/text_custom1"
                android:src="@drawable/headlines"
                android:clickable="true"
                />
            <TextView 
                android:id="@+id/text_custom1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_alignTop="@id/img_custom1"
                android:layout_alignLeft="@id/img_custom1"
                android:layout_alignRight="@id/img_custom1"
                android:layout_margin="1dp"
                android:gravity="center"
                android:text="@string/text_custom1"
                />
        </RelativeLayout>
    </LinearLayout>


     <!-- Second Row -->
    <LinearLayout
        android:baselineAligned="false"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <RelativeLayout
            android:id="@+id/relative_3"
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="6dp"
            android:layout_marginRight="3dp"
            android:layout_marginTop="3dp"
            android:layout_marginBottom="3dp">
            <ImageView 
                android:id="@+id/img_custom2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:contentDescription="@string/text_custom2"
                android:src="@drawable/headlines"
                android:clickable="true"
                />
            <TextView 
                android:id="@+id/text_custom2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_alignTop="@id/img_custom2"
                android:layout_alignLeft="@id/img_custom2"
                android:layout_alignRight="@id/img_custom2"
                android:layout_margin="1dp"
                android:gravity="center"
                android:text="@string/text_custom2"
                />
        </RelativeLayout>
        <RelativeLayout
            android:id="@+id/relative_4"
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="3dp"
            android:layout_marginRight="6dp"
            android:layout_marginTop="3dp"
            android:layout_marginBottom="3dp">
            <ImageView 
                android:id="@+id/img_custom3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:contentDescription="@string/text_custom3"
                android:src="@drawable/headlines"
                android:clickable="true"
                />
            <TextView 
                android:id="@+id/text_custom3"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_alignTop="@id/img_custom3"
                android:layout_alignLeft="@id/img_custom3"
                android:layout_alignRight="@id/img_custom3"
                android:layout_margin="1dp"
                android:gravity="center"
                android:text="@string/text_custom3"
                />
        </RelativeLayout>
    </LinearLayout>


    <!-- Third Row -->
    <LinearLayout
        android:baselineAligned="false"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <RelativeLayout
            android:id="@+id/relative_5"
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="6dp"
            android:layout_marginRight="3dp"
            android:layout_marginTop="3dp"
            android:layout_marginBottom="6dp">
            <ImageView 
                android:id="@+id/img_custom4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:contentDescription="@string/text_custom4"
                android:src="@drawable/headlines"
                android:clickable="true"
                />
            <TextView 
                android:id="@+id/text_custom4"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_alignTop="@id/img_custom4"
                android:layout_alignLeft="@id/img_custom4"
                android:layout_alignRight="@id/img_custom4"
                android:layout_margin="1dp"
                android:gravity="center"
                android:text="@string/text_custom4"
                />
        </RelativeLayout>
        <RelativeLayout
            android:id="@+id/relative_6"
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="3dp"
            android:layout_marginRight="6dp"
            android:layout_marginTop="3dp"
            android:layout_marginBottom="6dp">
            <ImageView 
                android:id="@+id/img_custom5"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:contentDescription="@string/text_custom5"
                android:src="@drawable/headlines"
                android:clickable="true"
                />
            <TextView 
                android:id="@+id/text_custom5"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_alignTop="@id/img_custom5"
                android:layout_alignLeft="@id/img_custom5"
                android:layout_alignRight="@id/img_custom5"
                android:layout_margin="1dp"
                android:gravity="center"
                android:text="@string/text_custom5"
                />
        </RelativeLayout>
    </LinearLayout>
</LinearLayout>

下の画像が押しつぶされていることがわかるように、線形レイアウトで android:weight を使用しようとしましたが、おそらく使用できません。何を変更する必要がありますか?

4

1 に答える 1

1

を使用しGridViewます。高度なカスタマイズ性を備えた任意のグリッド配置にサブビューを配置できます。

于 2013-08-20T17:21:01.577 に答える