安卓 : 3 elements side by side

Question

我不知道如何并排对齐 3 个元素。我想要:

• 左侧宽度较窄的一个 View
• 一个线性布局，文本内容在中间
• 一个imageView总是在右边

像这样:

今天，我得到了这个:

这是我的代码:

<?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="match_parent"
    android:background="@color/gris_clair"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:background="@color/blanc" >

        <View
            android:id="@+id/view1"
            android:layout_width="7dp"
            android:layout_height="90dp"
            android:background="@color/green_normal" />

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

            <TextView
                android:id="@+id/textView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="TextView" />

        </LinearLayout>

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="80dp"
            android:layout_height="90dp"
            android:layout_gravity="right"
            android:scaleType="centerCrop"
            android:src="@drawable/test2" />

    </LinearLayout>

</LinearLayout>

Answer 1

您可以通过将根 LinearLayout 设置为水平方向来简化您的布局:

<?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:background="@color/gris_clair"
    android:layout_margin="5dp"
    android:orientation="horizontal" >

    <View
        android:id="@+id/view1"
        android:layout_width="7dp"
        android:layout_height="match_parent"
        android:background="@color/green_normal" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:text="TextView" />

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="80dp"
        android:layout_height="90dp"
        android:layout_gravity="right"
        android:scaleType="centerCrop"
        android:src="@drawable/test2" />

</LinearLayout>

您可能需要调整颜色或尺寸以适应您想要的最终结果。
我设置父 View 的高度来包裹内容，前两个 View 与父 View 的高度和图像匹配您的大小。这意味着您的图像将决定父 View 的高度。

如果你想在屏幕上水平地间隔/缩放 View 并用完它们可用的所有空间，你应该查看 android:layout_weight 属性。您可以为每个要随屏幕尺寸缩放的 View 设置 android:layout_width="0dp" 并添加 android:layout_weight="x"，其中 x 是一个数字。

您选择的数量取决于您希望如何划分每个 View 将使用的可用空间。例如，如果您希望一个 View 使用可用空间的 1/3，而第二个 View 使用 2/3，则将第一个设置为 1，将第二个设置为 2。 1+2=3 所以 总共 3 个单元中的 1 个 和 总共 3 个单元中的 2 个。