将ImageView垂直居中于RelativeLayout中的TextView

Question

我有一个ImageView（下面屏幕截图中的时钟图像），我想垂直居中于时间戳文本（＆＃34; 2小时前＆＃34;图片中）无论是什么文字大小。

我已经尝试了android:layout_centerVertical="true"，但它没有效果。

我已经包含了下面的布局代码。什么是将时钟（id createdTimeImage）垂直居中于RelativeLayout中的时间戳文本（id createdTime）的正确方法？欣赏正确方向的任何指针。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content" >

<RelativeLayout
    android:id="@+id/fromPictureSection"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/square_shape_grey_border"
    android:padding="1dip"
    android:layout_marginLeft="10dip"
    android:layout_marginTop="10dip" >

    <ImageView
        android:id="@+id/fromPicture"
        android:layout_width="50dip"
        android:layout_height="50dip"
        android:contentDescription="@null" />
</RelativeLayout>

<TextView
    android:id="@+id/fromName"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_toRightOf="@id/fromPictureSection"
    android:paddingLeft="5dip"
    android:paddingRight="10dip"
    android:paddingTop="12dip"
    android:textAppearance="@style/bodyTextStyle" />

<ImageView
    android:id="@+id/createdTimeImage"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@id/fromName"
    android:layout_toRightOf="@id/fromPictureSection"
    android:contentDescription="@null"
    android:paddingBottom="0dip"
    android:paddingLeft="5dip"
    android:paddingTop="0dip"
    android:layout_centerVertical="true"
    android:src="@drawable/clock" />

<TextView
    android:id="@+id/createdTime"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/fromName"
    android:layout_toRightOf="@id/createdTimeImage"
    android:layout_centerVertical="true"
    android:paddingBottom="0dp"
    android:paddingLeft="2dip"
    android:paddingRight="10dip"
    android:paddingTop="0dp"
    android:textAppearance="@style/smallGreyTextStyle" />
</RelativeLayout>

Answer 1

您可以将图片初始化为textview本身

<TextView
    android:id="@+id/createdTime"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/fromName"
    android:layout_toRightOf="@id/createdTimeImage"
    android:layout_centerVertical="true"
    android:paddingBottom="0dp"
    android:paddingLeft="2dip"
    android:paddingRight="10dip"
    android:paddingTop="0dp"
    android:textAppearance="@style/smallGreyTextStyle"
    android:drawableLeft="@drawable/clock" />

Answer 2

你可以这样做。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content" >

<RelativeLayout
android:id="@+id/fromPictureSection"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/ic_launcher"
android:padding="1dip"
android:layout_marginLeft="10dip"
android:layout_marginTop="10dip" >

<ImageView
    android:id="@+id/fromPicture"
    android:layout_width="50dip"
    android:layout_height="50dip"
    android:contentDescription="@null" />
</RelativeLayout>

<TextView
android:id="@+id/fromName"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/fromPictureSection"
android:textColor="@android:color/white"
android:text="some meore text"
android:paddingLeft="5dip"
android:paddingRight="10dip"
android:paddingTop="12dip" />
<LinearLayout 
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_toRightOf="@id/fromPictureSection"
android:layout_below="@id/fromName"
android:layout_centerHorizontal="true">
<ImageView
android:id="@+id/createdTimeImage"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:contentDescription="@null"
android:paddingBottom="0dip"
android:paddingLeft="5dip"
android:paddingTop="0dip"
android:layout_gravity="center"
android:src="@drawable/ic_menu_camera" />

<TextView
android:id="@+id/createdTime"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:textColor="@android:color/white"
android:text="some text here"
android:paddingBottom="0dp"
android:paddingLeft="2dip"
android:paddingRight="10dip"
android:paddingTop="0dp" />

</LinearLayout>

</RelativeLayout>