图像视图下方的中心textview

时间:2014-04-14 16:10:11

标签: android relativelayout

我需要将文本视图放在图像视图的正下方。 这是我现在收到的一行截图:

enter image description here

我需要将文本视图放在图像视图下方的文本“30”处,并竖起大拇指并居中。高度位置现在很好。

像这样:

enter image description here

这是我的布局文件:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#5981b2"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="2dp"
        android:src="@drawable/facebook" />

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_alignParentRight="true"
        android:layout_alignParentTop="true"
        android:src="@drawable/valoracion" />


    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/imageView2"
        android:layout_centerHorizontal="true"
        android:text="30"
        android:textAppearance="?android:attr/textAppearanceSmall" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:lines="2"
        android:text="Large Text"
        android:textAppearance="?android:attr/textAppearanceLarge"
         android:layout_toRightOf="@id/imageView1"
        />

</RelativeLayout>

欢迎任何帮助。

4 个答案:

答案 0 :(得分:2)

删除此行

android:layout_centerHorizontal="true"

并添加

android:layout_alignParentRight="true"

你很高兴

答案 1 :(得分:1)

带走

android:layout_centerHorizontal="true" 

“下面”很好。然后使用

android:layout_toLeftOf="@id/imageView2"
android:layout_marginLeft="xxdp"

设置边距直到看起来正确。

答案 2 :(得分:1)

如果你不想使用在其他屏幕上表现不同的边距,你可以使用带有这样的compoundDrawable的TextView:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#5981b2"
android:orientation="vertical" >

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentTop="true"
    android:layout_marginLeft="2dp"
    android:src="@drawable/facebook" />

<TextView
    android:id="@+id/textView3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_centerHorizontal="true"
    android:text="30"
    android:drawablePadding="10dp"
    android:gravity="center"
    android:drawableTop="@drawable/valoracion"
    android:textAppearance="?android:attr/textAppearanceSmall" />

<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerHorizontal="true"
    android:layout_centerVertical="true"
    android:lines="2"
    android:text="Large Text"
    android:textAppearance="?android:attr/textAppearanceLarge"
     android:layout_toRightOf="@id/imageView1"
    />

</RelativeLayout>

答案 3 :(得分:1)

试试这个..

删除android:layout_centerHorizontal="true"添加android:layout_alignParentRight="true"并为 textView3 android:layout_marginRight="15dp"

提供TextView
<TextView
    android:id="@+id/textView3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/imageView2"
    android:layout_alignParentRight="true"
    android:layout_marginRight="15dp"
    android:text="30"
    android:textAppearance="?android:attr/textAppearanceSmall" />