将文本放在Android ListView中的图像下方

时间:2013-11-21 08:54:16

标签: android layout android-listview

我想将文字放在下面的图片中,如下图所示:

image

现在的布局编码:

    <?xml version="1.0" encoding="utf-8"?>
    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/list_selector"
        android:orientation="horizontal"
        android:padding="0dip" >

        <LinearLayout android:id="@+id/thumbnail" 
            android:layout_width="fill_parent"
<--some coding here -->
            android:layout_marginRight="0dip">

            <ImageView     
                android:id="@+id/list_image"   
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:layout_centerInParent="true"
                android:src="@drawable/test"/>
        </LinearLayout>

        <TextView
                android:id="@+id/title"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="clip_horizontal"
                android:layout_centerInParent="true"
                android:text="test"
                android:textColor="#FFFFFF"
                android:typeface="sans"
                android:textSize="15dip"
                android:textStyle="bold"/>
    </RelativeLayout>

任何人都知道如何使它像照片一样,因为现在是礼物,图像中心的文字。

谢谢你,

3 个答案:

答案 0 :(得分:1)

android:layout_centerInParent="true"替换为android:layout_below="@id/thumbnail" + android:layout_centerHorizontal="true"

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/list_selector"
    android:orientation="horizontal"
    android:padding="0dip" >

    <LinearLayout android:id="@+id/thumbnail" 
        android:layout_width="fill_parent"

&lt; - 这里的一些编码 - &gt;             机器人:layout_marginRight = “0dip” &GT;

        <ImageView     
            android:id="@+id/list_image"   
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_centerInParent="true"
            android:src="@drawable/test"/>
    </LinearLayout>

    <TextView
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="clip_horizontal"
            android:layout_below="@id/thumbnail"
            android:layout_centerHorizontal="true"
            android:text="test"
            android:textColor="#FFFFFF"
            android:typeface="sans"
            android:textSize="15dip"
            android:textStyle="bold"/>
</RelativeLayout>

答案 1 :(得分:0)

试试这个

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="0dip" >

    <LinearLayout
        android:id="@+id/thumbnail"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <ImageView
            android:id="@+id/list_image"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_launcher" />
    </LinearLayout>

    <TextView
        android:id="@+id/title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:gravity="center"
        android:text="test"
        android:textSize="15dip"
        android:textStyle="bold"
        android:typeface="sans" />

</LinearLayout>

答案 2 :(得分:0)

我认为这些东西真的可以帮到你..

可以选择在

中设置图像和文本,而不是ImageView和Textview
           <Button 
            android:id="@+id/textwithImage"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:drawableTop="@drawable/test"
            android:text="test"
            android:textColor="#FFFFFF"
            android:typeface="sans"
            android:textSize="15dip"
            android:textStyle="bold"
            android:gravity="center"
            android:padding="15dp"                
            />