Android XML ScrollView wrap_content height inside ConstraintLayout

Question

I have the following screen:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/header"
        style="@style/CustomFont_Header"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="16dp"
        android:layout_marginEnd="16dp"
        android:gravity="center"
        android:text="@string/welcome_header"
        android:textAlignment="center"
        android:textColor="@color/text_header"
        tools:text="Header Title"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.1" />

    <ScrollView
        android:id="@+id/scrollview"
        android:layout_width="@dimen/subtext_width"
        android:layout_height="wrap_content"
        android:layout_marginTop="@dimen/subtext_margin_top"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@id/header">

        <TextView
            android:id="@+id/subtext"
            style="@style/CustomFont_Subheader"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="start"
            android:text="@string/welcome_text"
            android:textColor="@color/color_subtext"
            tools:text="@string/testtext_short" />

    </ScrollView>

    <ImageView
        android:id="@+id/logo"
        android:layout_width="300dp"
        android:layout_height="150dp"
        android:layout_marginTop="16dp"
        android:layout_marginBottom="16dp"
        android:scaleType="fitCenter"
        android:src="@drawable/logo_pic"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@id/scrollview"/>


</androidx.constraintlayout.widget.ConstraintLayout>

I want to make subtext scrollable, because it can sometimes be short sometimes long. I can make it work if I change scrollView and add:

android:layout_height="0dp"
app:layout_constraintBottom_toTopOf="@id/logo

But in this case, if the text is short, then the logo is pushed to the bottom:

I always need to have the logo in the middle between the subtext and parent bottom and at the same time subtext must be constraint to the bottom of header if it is short.

I can think of something programmatically, but I think it can be done in XML, right?

App tester 2 Softrix · Accepted Answer · 2022-10-21 09:51:29Z

1

Do not give the wrap content width. Make it match parent and provide the padding to first layout in the scroll bar

answered Oct 21, 2022 at 9:51

App tester 2 Softrix

114 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Waqar Ahmed Over a year ago

Yes, scrollbar height and width should be match parent. Inner layout's height can be wrap content or match parent.

Nick Wilde Over a year ago

I am sorry, but I don't get it, why scrollview should match parent if the only scrollable part I want is the subtext (the part between top header and bottom logo)

Afnan Khakwani · Accepted Answer · 2022-10-21 10:38:41Z

0

Remove these two lines from ScrollView:

    android:layout_height="0dp"
    app:layout_constraintBottom_toTopOf="@id/logo

And add

android:fillViewport="true"

And do not give the ScrollView height as 'wrap_content' set the height of the ScrollView to some fixed dp e.g 120dp then you will be able to have the scrollable text between header and logo.

edited Oct 21, 2022 at 10:38

answered Oct 21, 2022 at 10:36

Afnan Khakwani

33 bronze badges

Collectives™ on Stack Overflow

Android XML ScrollView wrap_content height inside ConstraintLayout

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related