在android编程中的horizo​​ntalscrollview里面向imageview添加文本

Question

我想在水平滚动视图内的每个ImageView中添加一个文本。

我尝试使用相对布局和线性布局。

有更好的方法吗？

和我的活动xml看起来像

    <RelativeLayout android:layout_width="fill_parent" 
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <ImageView 
            android:id="@+id/image1"
            android:layout_width="150dp"
            android:layout_height="150dp"
            android:src="@drawable/image1"
            android:layout_centerHorizontal="true"
            android:layout_marginRight="5px"
            />

        <TextView
    android:id="@+id/text1"
    android:layout_width="50dp"
    android:layout_height="30dp"
    android:text="text1"
    android:textSize="20px"
    android:layout_marginLeft="15dp"
    android:layout_marginRight="15dp"
    android:layout_below="@+id/image1"
    />
        <ImageView 
            android:id="@+id/image2"
            android:layout_width="150dp"
            android:layout_height="150dp"
            android:src="@drawable/image2"
            android:layout_centerHorizontal="true"
            android:layout_marginRight="5px"
            android:layout_toRightOf="@+id/image1"/>
        <ImageView 
            android:id="@+id/image3"
            android:layout_width="150dp"
            android:layout_height="150dp"
            android:src="@drawable/image3"
            android:layout_centerHorizontal="true"
            android:layout_marginRight="5px"
            android:layout_toRightOf="@+id/image2"/>
        <ImageView 
            android:id="@+id/image4"
            android:layout_width="150dp"
            android:layout_height="150dp"
            android:src="@drawable/image4"
            android:layout_centerHorizontal="true"
            android:layout_marginRight="5px"
            android:layout_toRightOf="@+id/image3"/>

        <ImageView 
            android:id="@+id/image5"
            android:layout_width="150dp"
            android:layout_height="150dp"
            android:src="@drawable/image2"
            android:layout_centerHorizontal="true"
            android:layout_marginRight="5px"
            android:layout_toRightOf="@+id/image4"/>

        <ImageView 
            android:id="@+id/image6"
            android:layout_width="150dp"
            android:layout_height="150dp"
            android:src="@drawable/image3"
            android:layout_centerHorizontal="true"
            android:layout_marginRight="5px"
            android:layout_toRightOf="@+id/image5"/>
    </RelativeLayout>





 </HorizontalScrollView>

Answer 1

我解决了这个问题，方法是将方向垂直的线性布局作为子项添加到方向为水平的外部线性布局。将图像和textview添加到内部线性布局，以便它们都是垂直的

更新了activiyt xml

---

<HorizontalScrollView
        android:layout_width="250dp"
        android:layout_height="wrap_content"
        android:layout_below="@+id/latestOffers"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="10px"
        android:scrollbars="none">

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal" >

            <LinearLayout
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical" >

                <ImageView
                    android:id="@+id/image1"
                    android:layout_width="150dp"
                    android:layout_height="80dp"
                    android:layout_centerHorizontal="true"
                    android:layout_marginRight="5px"
                    android:src="@drawable/image1" />

                <TextView
                    android:id="@+id/text1"
                    android:layout_width="80dp"
                    android:layout_height="20dp"
                    android:layout_centerHorizontal="true"
                    android:layout_marginLeft="15dp"
                    android:layout_marginRight="15dp"
                    android:paddingLeft="30dp"
                    android:text="text1"
                    android:textSize="20px" />
            </LinearLayout>

    </LinearLayout>
        </LinearLayout>
    </HorizontalScrollView>

Answer 2

如果您引用其他ID来设置对齐方式，请不要使用@+id。只需使用@id即可。使用plus表示您希望使用该名称创建 new id。它可能会变得混乱，因为这会导致布局中出现重复的ID。

<TextView
    ...
    android:layout_below="@id/image1"
/>

我注意到您对以下ImageView执行了相同操作，因此请仔细检查并修复它们。