Android ..框架布局内不同高度的2个重叠视图，使它们高度相同

Question

我在框架布局中有一个进度条和一个文本视图。文字与进度条重叠。

文本视图是进度条高度的两倍（由于文本的长度），我希望进度条的高度能够自动适应。

我尝试通过将进度条设置为 match_parent 并将父级设置为 wrap_content 来做到这一点，但进度条的高度没有增加。

XML 是这样的：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
> 

<ProgressBar  
    android:layout_width="match_parent"  
    style="?android:attr/progressBarStyleHorizontal"  
    android:layout_height="fill_parent"
    android:layout_gravity="center_horizontal|center_vertical"
/> 

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textSize="30sp"
    android:text="Big long text here................................"    
    android:layout_gravity="center_horizontal|center_vertical"
/>

</FrameLayout>

Answer 1

对 ProgressBar 和 TextView 使用带有 android:layout_weight="1" 的 LinearLayout。像这样的

<LinearLayout android:layout_height="match_parent"
 android:layout_width="match_parent"
 android:orientation="vertical> 
 <ProgressBar  
android:layout_width="match_parent"  
style="?android:attr/progressBarStyleHorizontal"  
android:layout_height="0dp"
android:layout_gravity="center_horizontal|center_vertical"
android:layout_weight="1"
/> 

<TextView
android:layout_width="wrap_content"
android:layout_height="0dp"
android:textSize="30sp"
android:text="Big long text here................................"    
android:layout_gravity="center_horizontal|center_vertical"
android:layout_weight="1"
/>
</LinearLayout>

您为什么选择 FrameLayout？

Answer 2

使用 RelativeLayout 并使用 layout_align 对齐边界。

 <RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:focusable="false">
        <TextView
            android:id="@+id/textview"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="30sp"
            android:text="Big long text here................................"
            android:layout_gravity="center_horizontal|center_vertical" />
        <ProgressBar
            style="?android:attr/progressBarStyleHorizontal"
            android:layout_height="fill_parent"
            android:layout_gravity="center_horizontal|center_vertical"
            android:layout_alignTop="@id/textview"
            android:layout_alignLeft="@id/textview"
            android:layout_alignBottom="@id/textview" />
    </RelativeLayout>