为什么在我的布局中我无法将 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

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

Also don't use sp except on fonts. Use dpinstead

而不是：

                <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 2

父线性布局的比重并将图像宽度和高度从 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 3

使用 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>

Answer 4

希望对你有所帮助

<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>

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

Why in my layout I am unable to align the ImageView and TextView in a line?

android

android-layout