下面的TextView图像未显示在Android中

时间:2016-02-05 13:38:15

标签: android

我试图在图片下方放置一个文字,但它们没有显示在Android布局中。

以下是截图:

enter image description here

我不会'看到图片下面的任何文字。

我的代码:在相对布局中

    <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/layout_footer"
    android:layout_width="match_parent"
    android:gravity="center"
    android:layout_height="?android:attr/actionBarSize"
    android:background="@color/panelcolor" >

    <ImageView
        android:id="@+id/searchicon"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:paddingRight="60dp"
        android:src="@drawable/search_white" />

    <TextView
        android:id="@+id/searchText"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingRight="60dp"
        android:textColor="@color/whitetext"
        android:layout_below="@+id/searchicon"
        android:text="Search" />

    <ImageView
        android:id="@+id/homeicon"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:paddingRight="60dp"
        android:layout_toRightOf="@+id/searchicon"
        android:src="@drawable/ic_home" />

    <TextView
        android:id="@+id/hometext"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingRight="60dp"
        android:textColor="@color/whitetext"
        android:layout_below="@+id/homeicon"
        android:text="Home" />

    <ImageView
        android:id="@+id/wishicon"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_toRightOf="@+id/homeicon"
        android:src="@drawable/ic_favorite" />

    <TextView
        android:id="@+id/wishtext"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingRight="60dp"
        android:textColor="@color/whitetext"
        android:layout_below="@+id/wishicon"
        android:text="Wish List" />

    <ImageView
        android:id="@+id/viewicon"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:paddingLeft="60dp"
        android:layout_toRightOf="@+id/wishicon"
        android:src="@drawable/ic_eye" />

    <TextView
        android:id="@+id/viewtext"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingRight="60dp"
        android:textColor="@color/whitetext"
        android:layout_below="@+id/wishicon"
        android:text="Viewed" />
</RelativeLayout>

不确定是什么问题?

3 个答案:

答案 0 :(得分:3)

假设您关注Googles Design guidelines

(带有图标和文字高度的标签 - 72dp; 图标 - 24 x 24dp)

将ImageViews的“match_parent”更改为“wrap_content

答案 1 :(得分:1)

问题是您已将android:layout_height="match_parent"用于图片视图,而android:layout_height="wrap_content"用于文本视图。使用wrap_content进行图像查看或使用带有android:weight属性的LinearLayout。使用LinearLayout也可以解决你的对齐问题!

答案 2 :(得分:0)

尝试设置android:layout_alignParentBottom="true"而不是android:layout_below="@+id/homeicon"

这会对齐父级底部的文本。您可能还需要设置android:layout_alignLeft=""并将其与相应的imageView对齐。

此方法仅在图像下方有足够的填充时才有效。这是因为文本现在将与图像重叠。

修改: 另一种方法是,将相对布局设置为您知道的固定高度(如60dp)并将imageView设置为固定高度(如40dp)。然后TextView也会显示在ImageView下面。