Question

如何在两个线性布局之间水平放置一条线？我尝试使用额外的linearlayout和一次使用View。我的线性布局看起来像这样：

<LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="60dp"
        android:layout_gravity="bottom"
        android:orientation="horizontal"
        >

        <LinearLayout
            android:id="@+id/about"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:clickable="true"
            android:gravity="start"
            android:layout_gravity="start"
            android:layout_weight="1"
            android:background="?android:attr/selectableItemBackground"
            >
            <ImageView
                android:id="@+id/about_icon"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:scaleType="fitXY"
                android:layout_marginStart="20dp"
                android:layout_gravity="start|center_vertical"
                android:src="@drawable/ic_info_black_24dp"
                android:clickable="false"
                />

            <TextView
                android:id="@+id/text"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginStart="10dp"
                android:layout_gravity="start|center_vertical"
                android:text="About"
                android:textSize="20sp"
                android:textColor="@android:color/black"
                android:clickable="false"
                />
        </LinearLayout>
        <!--<View
            android:layout_width="1dp"
            android:layout_height="fill_parent"
            android:layout_gravity="center_horizontal"
            android:gravity="center_horizontal"
            android:layout_weight="2"
            android:elevation="0dp"
            android:background="@android:color/black"
            />-->

        <LinearLayout
            android:id="@+id/theme"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:clickable="true"
            android:layout_weight="3"
            android:gravity="end"
            android:layout_gravity="end"
            android:background="?android:attr/selectableItemBackground"
            >
            <ImageView
                android:id="@+id/theme_icon"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:scaleType="fitXY"
                android:layout_marginEnd="10dp"
                android:layout_gravity="end|center_vertical"
                android:src="@drawable/ic_palette_white_24dp"
                android:tint="@android:color/black"
                android:clickable="false"
                />
            <TextView
                android:id="@+id/text2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="end|center_vertical"
                android:layout_marginEnd="20dp"
                android:text="Theme"
                android:textSize="20sp"
                android:textColor="@android:color/black"
                android:clickable="false"
                />
        </LinearLayout>
    </LinearLayout>

目前看起来像这样（右侧的布局，稍微多一点，不明白为什么^^）：

有什么建议吗？

Answer 1

为什么不使用RelativeLayout并一起避免权重。试试这个：

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="60dp"
android:layout_gravity="bottom"
android:orientation="horizontal"
xmlns:android="http://schemas.android.com/apk/res/android">

<View
    android:id="@+id/divider"
    android:layout_width="1dp"
    android:layout_height="match_parent"
    android:layout_centerInParent="true"
    android:elevation="0dp"
    android:background="@android:color/black" />
<LinearLayout
    android:id="@+id/about"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:clickable="true"
    android:layout_toLeftOf="@id/divider"
    android:background="?android:attr/selectableItemBackground">
    <ImageView
        android:id="@+id/about_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="fitXY"
        android:layout_marginStart="20dp"
        android:layout_gravity="start|center_vertical"
        android:src="@drawable/ic_launcher"
        android:clickable="false"
        />

    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="10dp"
        android:layout_gravity="start|center_vertical"
        android:text="About"
        android:textSize="20sp"
        android:textColor="@android:color/black"
        android:clickable="false"
        />
</LinearLayout>

<LinearLayout
    android:id="@+id/theme"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:clickable="true"
    android:layout_toRightOf="@id/divider"
    android:background="?android:attr/selectableItemBackground">
    <ImageView
        android:id="@+id/theme_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="fitXY"
        android:layout_marginEnd="10dp"
        android:layout_gravity="end|center_vertical"
        android:src="@drawable/ic_launcher"
        android:tint="@android:color/black"
        android:clickable="false"
        />
    <TextView
        android:id="@+id/text2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|center_vertical"
        android:layout_marginEnd="20dp"
        android:text="Theme"
        android:textSize="20sp"
        android:textColor="@android:color/black"
        android:clickable="false"
        />
</LinearLayout>

Answer 2

去除权重并使用相对布局来保持线性布局。然后在XML中添加：

<View android:id="@+id/separator"
  android:layout_width="5dp" 
  android:layout_height="match_parent"
  android:layout_centerHorizontal="true"/>

然后在你想要的布局中添加这一行：

android:layout_toRightOf="@+id/separator"

然后是左边的布局：

android:layout_toLeftOf="@+id/separator"

如何在两个线性布局之间放置一条线？

2 个答案: