Android:ImageView底部带有TextView

时间:2013-07-26 14:10:03

标签: android android-layout

我正在尝试在图像下方放置带有标签的图像,我一直在尝试很多,但无法阻止图像和文本重叠, 这是我的layout.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:gravity="center"     >

<ImageView
        android:id="@+id/grid_item_image"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingTop="15dp"
        android:paddingLeft="15dp"/>


<TextView
        android:id="@+id/grid_item_label"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:gravity="center"
        android:singleLine="true"
        android:layout_marginLeft="20dp"
        android:paddingLeft="15dp"
        android:textSize="20dp">
</TextView>

2 个答案:

答案 0 :(得分:6)

您可以使用textview的复合drawable来简化布局。

删除图片视图并将drawableTop设置为文本视图,如下所示:

<TextView  
    android:id="@+id/grid_item_label"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" 
    ...
    android:text="My Text" 
    android:drawableTop="@drawable/my_drawable"/>

您还可以使用setCompoundDrawable methods

在java代码中设置drawable

有关此主题的更多信息,请参阅此blog post

答案 1 :(得分:2)

将此添加到TextView android:layout_below="@+id/grid_item_image"并从android:gravity="center"

中删除TextView