0

我想在水平滚动视图中的每个 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>
4

2 回答 2

1

我通过将具有垂直方向的线性布局作为子级添加到方向为水平的外部线性布局来解决了这个问题。将图像和文本视图添加到内部线性布局，以便它们都是垂直的

更新了活动 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>
于 2012-10-17T14:41:53.700 回答
0

当您引用另一个 id 来设置对齐方式时，不要使用@+id. 只需使用@id. 使用加号表示您想创建一个具有该名称的新id。它可能会让人感到困惑，因为这会导致您的布局中出现重复的 ID。

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

我注意到您对以下 ImageViews 做了同样的事情，所以也要检查并修复它们。

于 2012-10-16T14:45:05.853 回答