Scrolling a scroll view in android studio

Question

I am developing a small android app that uses a ScrollView. I have a RelativeLayout in the ScrollView that I have already filled with items. Now I would like to scroll down to create more room to add more items, but Android Studio is not letting me do that, even though the scroll bar of the scroll view is visible. Is there a way to do that?

Here is the xml code, though I like working in the design view:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_new_reminder"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="0dp"
    android:paddingLeft="0dp"
    android:paddingRight="0dp"
    android:paddingTop="0dp"
    tools:context="com.steveops.locationreminder.NewReminderActivity">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="700dp"
            android:padding="5dp"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_marginLeft="11dp"
            android:layout_marginStart="11dp">

            <TextView
                android:text="REMINDER NAME"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/textView" />

            <EditText
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:inputType="textPersonName"
                android:text="Name"
                android:ems="10"
                android:id="@+id/editText2"
                android:layout_below="@+id/textView"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true" />

            <TextView
                android:text="ACTIVATE ON"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/textView5"
                android:layout_below="@+id/editText2"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true" />

            <CheckBox
                android:text="M"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@+id/textView5"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true"
                android:id="@+id/checkBox7" />

            <CheckBox
                android:text="T"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@+id/textView5"
                android:layout_toRightOf="@+id/checkBox7"
                android:layout_toEndOf="@+id/checkBox7"
                android:id="@+id/checkBox8" />

            <CheckBox
                android:text="W"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignTop="@+id/checkBox8"
                android:layout_toRightOf="@+id/checkBox8"
                android:layout_toEndOf="@+id/checkBox8"
                android:id="@+id/checkBox9" />

            <CheckBox
                android:text="T"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignTop="@+id/checkBox9"
                android:layout_toRightOf="@+id/checkBox9"
                android:layout_toEndOf="@+id/checkBox9"
                android:id="@+id/checkBox10" />

            <CheckBox
                android:text="F"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignTop="@+id/checkBox10"
                android:layout_toRightOf="@+id/checkBox10"
                android:layout_toEndOf="@+id/checkBox10"
                android:id="@+id/checkBox11" />

            <CheckBox
                android:text="S"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignTop="@+id/checkBox11"
                android:layout_toRightOf="@+id/checkBox11"
                android:layout_toEndOf="@+id/checkBox11"
                android:id="@+id/checkBox12" />

            <CheckBox
                android:text="S"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignTop="@+id/checkBox12"
                android:layout_toRightOf="@+id/checkBox12"
                android:layout_toEndOf="@+id/checkBox12"
                android:id="@+id/checkBox13" />

            <TextView
                android:text="BETWEEN"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/textView7"
                android:layout_below="@+id/checkBox7"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true" />

            <TimePicker
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/timePicker"
                android:layout_below="@+id/textView7"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true"
                android:layout_toStartOf="@+id/checkBox12"
                android:layout_alignParentRight="true"
                android:layout_alignParentEnd="true" />

        </RelativeLayout>
    </ScrollView>

</RelativeLayout>

As you can see in the screenshot, the scroll bar of the ScrollView is visible, but I am not able to scroll down to create enough space to add, for example, a new time picker. I hope I am making sense.

Your code is working fine scroll is working and there is space as well at the bottom what do you want to acheive ? — Preetika Kaur
– Preetika Kaur, Commented Oct 26, 2016 at 4:41
Hi, @Steve your code is working ..just clean and rebuild your project. — Dileep Patel
– Dileep Patel, Commented Oct 26, 2016 at 4:44
@Steve you have given fixed height to relative layout of 700 dp change it to wrap content — Preetika Kaur
– Preetika Kaur, Commented Oct 26, 2016 at 4:56

Ashish Rawat · Accepted Answer · 2016-10-26 04:58:51Z

1

Use linearlayout with orientation vertical instead of relative layout inside scroll view.

answered Oct 26, 2016 at 4:58

Ashish Rawat

5,8591 gold badge22 silver badges17 bronze badges

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

5 Comments

Steve Over a year ago

Still doesn't work. I added another time picker from the text-editor but its hidden and am not able to scroll it into view.

Ashish Rawat Over a year ago

Change the outer relativelayout as well to linearlayout. Make sure that time picker is visible true by default.

Steve Over a year ago

Doesn't seem to work either. I'll just assume its not possible to scroll in design view and work with the text editor.

Ashish Rawat Over a year ago

Don't worry, just put your code in github and give me link i will download and let you know. it will be some simple error.

Steve Over a year ago

No need, I think my editor was frozen somehow. I changed the device and it started working. Thanks a lot for trying to help.

Kinjal · Accepted Answer · 2016-10-26 05:27:26Z

Try this code

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:padding="5dp"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_marginLeft="11dp"
            android:layout_marginStart="11dp"
            android:id="@+id/kk">

            <TextView
                android:text="REMINDER NAME"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/textView" />

            <EditText
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:inputType="textPersonName"
                android:text="Name"
                android:ems="10"
                android:id="@+id/editText2"
                android:layout_below="@+id/textView"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true" />

            <TextView
                android:text="ACTIVATE ON"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/textView5"
                android:layout_below="@+id/editText2"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true" />

            <CheckBox
                android:text="M"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@+id/textView5"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true"
                android:id="@+id/checkBox7" />

            <CheckBox
                android:text="T"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@+id/textView5"
                android:layout_toRightOf="@+id/checkBox7"
                android:layout_toEndOf="@+id/checkBox7"
                android:id="@+id/checkBox8" />

            <CheckBox
                android:text="W"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignTop="@+id/checkBox8"
                android:layout_toRightOf="@+id/checkBox8"
                android:layout_toEndOf="@+id/checkBox8"
                android:id="@+id/checkBox9" />

            <CheckBox
                android:text="T"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignTop="@+id/checkBox9"
                android:layout_toRightOf="@+id/checkBox9"
                android:layout_toEndOf="@+id/checkBox9"
                android:id="@+id/checkBox10" />

            <CheckBox
                android:text="F"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignTop="@+id/checkBox10"
                android:layout_toRightOf="@+id/checkBox10"
                android:layout_toEndOf="@+id/checkBox10"
                android:id="@+id/checkBox11" />

            <CheckBox
                android:text="S"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignTop="@+id/checkBox11"
                android:layout_toRightOf="@+id/checkBox11"
                android:layout_toEndOf="@+id/checkBox11"
                android:id="@+id/checkBox12" />

            <CheckBox
                android:text="S"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignTop="@+id/checkBox12"
                android:layout_toRightOf="@+id/checkBox12"
                android:layout_toEndOf="@+id/checkBox12"
                android:id="@+id/checkBox13" />

            <TextView
                android:text="BETWEEN"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/textView7"
                android:layout_below="@+id/checkBox7"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true" />

            <TimePicker
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@+id/timePicker"
                android:layout_below="@+id/textView7"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true"
                android:layout_toStartOf="@+id/checkBox12"
                android:layout_alignParentRight="true"
                android:layout_alignParentEnd="true" />

        </RelativeLayout>
    </ScrollView>

</RelativeLayout>

I have a solution already, I think my editor was somehow frozen. But its working now. Thanks for trying to help.

Steve · Accepted Answer · 2016-10-26 05:30:18Z

0

Found the solution, though I don't why it worked. I changed the selected device in the editor to a custom one and it just started working. I want to think that my editor was somehow frozen, that's why it wasn't scrolling.

I have never developed an app that exceeds the screen size thus the struggle.

Thank you all for trying to help, your responses are highly appreciated.

answered Oct 26, 2016 at 5:30

Steve

451 silver badge6 bronze badges

Collectives™ on Stack Overflow

Scrolling a scroll view in android studio

3 Answers 3

5 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related