如何居中对齐2个视图？

Question

layout.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">
    <RelativeLayout
        android:id="@+id/viewPost"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_marginTop="14dp"
        android:background="@color/bg_blue"
        android:gravity="center" >

        <ImageView
            android:id="@+id/ic_viewPost"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_view" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_toRightOf="@id/ic_viewPost"
            android:gravity="center"
            android:text="View post"
            android:textColor="@color/white"
            android:textSize="14sp"
            android:textStyle="bold" />
    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/socialShare"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_marginTop="14dp"
        android:background="@color/bg_light_grey"
        android:gravity="center" >

        <ImageView
            android:id="@+id/ic_socialShare"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_share_post" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_toRightOf="@id/ic_socialShare"
            android:gravity="center"
            android:text="Share with others"
            android:textColor="@color/text_dark_grey"
            android:textSize="14sp"
            android:textStyle="bold" />
    </RelativeLayout>
</LinearLayout>

在图形布局中

在实际设备上：

在图形布局中，它看起来像我想要的方式，但在实际设备上它完全不同。

在第一个相对布局中，ImageView和TextView根本没有对齐。

在第二个相对布局中，看起来TextView与ImageView底部对齐。

谢谢。

Answer 1

只需使用此代替对ImageView-TextView

    <TextView
    android:drawableLeft="@drawable/ic_viewPost"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:gravity="center_vertical"
    android:text="View post"
    android:textColor="@color/white"
    android:textSize="14sp"
    android:textStyle="bold" />

Answer 2

从textViews和check.it中删除android：gravity =“center”，因为你已经在线性布局中使用了重心，所以应该解决问题

Answer 3

将此属性添加到TextView和ImageView。

  android:layout_centerVertical="true"