为什么在布局中我无法将ImageView和TextView对齐在一行中？

Question

我有以下布局：-

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:layout_marginTop="@dimen/default_margin"
    android:layout_marginBottom="@dimen/default_margin"
    android:layout_marginLeft="@dimen/default_dbl_margin"
    android:layout_marginRight="@dimen/default_dbl_margin">

    <ImageView
        android:id="@+id/lblIcon"
        android:src="@drawable/ic_status_confirmed"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginRight="@dimen/default_dbl_margin"
        android:layout_marginTop="@dimen/default_margin"
        android:layout_marginBottom="@dimen/default_margin" />

    <LinearLayout
        android:orientation="vertical"
        android:layout_weight="1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:id="@+id/relativeLayout">

        <TextView
            android:id="@+id/lblFirstLine"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:text="FirstLine"
            android:singleLine="true"
            android:ellipsize="end"
            android:textAppearance="?android:attr/textAppearanceMedium"/>

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_below="@+id/lblFirstLine"
            android:layout_alignParentLeft="true"
            android:layout_marginTop="@dimen/default_margin">

            <ImageView
                android:layout_width="14sp"
                android:layout_height="14sp"
                android:id="@+id/imgTimeIcon"
                android:src="@drawable/ic_action_time" />

            <TextView
                android:id="@+id/lblSecondLine"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="2:00pm"
                android:textSize="14sp"
                android:layout_gravity="center_vertical"
                android:textColor="@android:color/secondary_text_dark" />
        </LinearLayout>

    </LinearLayout>

    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <ImageView
            android:layout_gravity="center_vertical"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/newIndicator"
            android:src="@drawable/new_indicator"
            android:layout_marginRight="@dimen/default_quad_margin"/>

        <ImageButton
            android:id="@+id/btnChat"
            android:src="@drawable/ic_action_chat"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
    </LinearLayout>

</LinearLayout>

但是，布局如下所示：

注意，时间TextView稍微向下移动。 我不明白为什么？

Answer 1

为父线性布局指定重力，并将图像的宽度和高度从sp更改为dp

<LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:gravity="center_vertical"
            android:layout_below="@+id/lblFirstLine"
            android:layout_alignParentLeft="true"
            android:layout_marginTop="@dimen/default_margin">

            <ImageView
                android:layout_width="14dp"
                android:layout_height="14dp"
                android:id="@+id/imgTimeIcon"
                android:src="@drawable/ic_action_time" />

            <TextView
                android:id="@+id/lblSecondLine"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="2:00pm"
                android:textSize="14sp"
                android:textColor="@android:color/secondary_text_dark" />
        </LinearLayout>

    </LinearLayout>

Answer 2

我希望这会有所帮助

<LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_gravity="center_vertical">

        <ImageView
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:id="@+id/imgTimeIcon"
            android:gravity="center"
            android:src="@drawable/ic_launcher" />

        <TextView
            android:id="@+id/lblSecondLine"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center_vertical"
            android:text="2:00pm"
            android:textColor="@android:color/secondary_text_dark"
            android:textSize="14sp" />

    </LinearLayout>

Answer 3

将android:layout_gravity="center_vertical"到android:id="@+id/imgTimeIcon"" ImageView应该可以解决您的问题

也不要在fonts上使用sp 。 改用dp

代替：

                <ImageView
                android:layout_width="14sp"
                android:layout_height="14sp"
                android:id="@+id/imgTimeIcon"
                android:src="@drawable/ic_action_time" />

采用：

               <ImageView
                android:layout_width="14dp"
                android:layout_height="14dp"
                android:id="@+id/imgTimeIcon"
                 android:layout_gravity="center_vertical"
                android:src="@drawable/ic_action_time" />

Answer 4

将RelativeLayout用于ImageView和TextView ：

<RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_below="@+id/lblFirstLine"
        android:layout_alignParentLeft="true"
        android:layout_marginTop="@dimen/default_margin">

        <ImageView
            android:layout_width="14sp"
            android:layout_height="14sp"
            android:id="@+id/imgTimeIcon"
            android:layout_centerVertical="true"
            android:src="@drawable/ic_action_time" />

        <TextView
            android:id="@+id/lblSecondLine"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="2:00pm"
            android:textSize="14sp"
            android:layout_toRightOf="@+id/imgTimeIcon"
            android:layout_centerVertical="true"
            android:textColor="@android:color/secondary_text_dark" />
    </LinearLayout>

</LinearLayout>