android - LinearLayout 中的 LinearLayout 具有 3 个元素 - 一个左对齐，一个居中，一个右对齐

Question

晚上好。

我现在已经摆弄了一个多小时，但还是无法正常工作。我想创建一个如下所示的布局:

我想让一个 TextView 对齐到左边，一个 ProgressBar 居中，另一个 TextView 对齐到右边。我不想使用静态宽度，因为布局应该用于不同的设备。

不幸的是，目前我的布局看起来像这样:

我没有通过谷歌找到任何解决方案，所以非常感谢任何帮助。这是我的布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/LinearLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

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

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

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="25sp"
            android:layout_marginRight="5sp"
            android:gravity="center"
            android:text="0 %" />

        <ProgressBar
            android:id="@+id/progressBar1"
            style="?android:attr/progressBarStyleHorizontal"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="0.36" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_gravity="right"
            android:layout_marginLeft="5sp"
            android:layout_marginRight="25sp"
            android:gravity="right"
            android:text="100 %" />
    </LinearLayout>

</LinearLayout>

Answer 1

您可以像这样尝试 RelativeLayout:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/yourTitle"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textSize="20pt"
        android:text="TextView" />

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/yourTitle">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="25sp"
            android:layout_marginRight="5sp"
            android:gravity="center"
            android:text="0 %" />

        <ProgressBar
            android:id="@+id/progressBar1"
            style="?android:attr/progressBarStyleHorizontal"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="0.36" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_gravity="right"
            android:layout_marginLeft="5sp"
            android:layout_marginRight="25sp"
            android:gravity="right"
            android:text="100 %" />
        </LinearLayout>

</RelativeLayout>

产生这样的东西: