Question

I have a progress bar and a text view inside of a frame layout. The text overlaps the progress bar.

The text view is twice the height of the progress bar (due to the length of the text) and i’d like the progress bar’s height to auto-fit this.

I tried doing this by setting the progress bar to match_parent, and for the parent to wrap_content but the progress bar does not increase in height.

The XML is like so:

<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

Use a RelativeLayout and align the boundaries using 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>