android - 如何居中对齐2个视图？

Question

布局.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

只需使用它而不是pairImageView-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"