将ImageView对齐到RelativeLayout中TextView的中心

时间:2014-03-23 17:12:50

标签: android android-imageview relativelayout

我有一个相对布局如下:

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="0dip"
    android:layout_weight="0.38"
    android:background="@drawable/layout"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/text1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="10dp"
        android:layout_marginLeft="80dp"
        android:textColor="@color/text1color"
        android:textSize="15sp"
        android:textStyle="bold" />

    <TextView
        android:id="@+id/text2"
        android:layout_width="200dp"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/text1"
        android:layout_below="@+id/text1"
        android:background="@drawable/text2_background"
        android:layout_marginTop="10dp"
        android:paddingLeft="10dp"
        android:textColor="@color/text2color"
        android:textSize="13sp" />

    <com.widgets.CustomImageView
        android:id="@+id/myImage"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_margin="0dp"
        android:layout_alignParentBottom="true"
        android:layout_toLeftOf="@+id/text2"
        android:src="@drawable/logo" />

</RelativeLayout>

ImageView @+id/myImage需要与@+id/text2 TextView的中心对齐!目前,它正在与@+id/text2 的顶部对齐,而正在与布局的parentBottom对齐。我不想要这个黑客。

有没有办法将ImageViewTextView中心对齐?

1 个答案:

答案 0 :(得分:2)

这是复合绘图的完美案例(这是最佳实践,以平整您的设计) ImageView位于TextView text2的底部:

只需将其添加到text2定义中:

android:drawableBottom="@drawable/logo"

您也可以添加一些填充

android:drawablePadding="4dp"

图像与其容器水平对齐 如果文本垂直增长,图像将被拉下(随着TextView的增长)。

要让图像左对齐并垂直居中,只需使用drawableLeft更改drawableTop即可:

android:drawableLeft="@drawable/logo"