ScrollView - How to scroll down while designing layout in Eclipse?

Question

I've been using scroll view in my apps, but the thing is that this is the first time I've to draw something longer than the default size screen.

The XML Design screen shows a fixed 3.7inch (or larger) screen. What if I want to add more objects? How do I scroll down while designing in Eclipse?

Henrik · Accepted Answer · 2012-10-22T09:22:21.043

11

You can change screen size to custom.. try this.. click on current screen button, and select "Add Custom", then scroll down and select Custom and click "New" in right top corner.. Then write your custom size for screen and click "OK", then again "OK".. Afterward again click on your current screen button and select your custom size.. Done! Hope helped!

Be sure that this buttons is selected.. enter image description here

edited Oct 22 '12 at 09:22

answered Oct 22 '12 at 08:36

Henrik

339
3
13

1

There are so many parameters there. Can you kindly specify what parameters I need for making the screen longer? – Asim Oct 22 '12 at 08:59

score 4 · Answer 2 · answered Oct 22 '12 at 08:32

4

Try temporarily setting android:scrollY on the ScrollView. I haven't tried this but it should, in theory, work. Just remember to remove the attribute when publishing the app.

answered Oct 22 '12 at 08:32

Felix

88,392
43
149
167

This doesn't seem to work. What value should I give to scrollY? – Asim Oct 22 '12 at 08:59
Any sort of dimension. For example, `100dp`. – Felix Oct 22 '12 at 09:38
2

To avoid introducing any bugs, using the `tools:scrollY` attribute would be better practice. – Anthony Chuinard Jun 01 '15 at 17:15
This is literally a great solution! Thanks!! – Gurcan Sep 12 '17 at 07:10

score 2 · Answer 3 · answered May 16 '14 at 22:02

As of Android API 19 this solution has changed. Here's what worked for me.

Go to your Android Virtual Device Manager (in Eclipse this is in Window > Android Virtual Device Manager), once there go to the Device Definitions tab and create a New Device. Name it something memorable like "Long Scroller".

The Create New Device screen

In the Edit/Create Device screen set the vertical dimensions to however long you think your scroll view will be (7000px was more than enough for my uses). You can also tweak it later.

Restart Eclipse, open your long scrollview layout, and your long scroller will appear among your preview layouts.

score 2 · Answer 4 · edited Feb 16 '15 at 14:45

Add android:scrollY="300dp" to your layout. Tt will scroll the content 300dp up.

before adding the android:scrollY="300dp" to layout

<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="com.javamad.user_profile"
>

you can see no space for design

After adding the android:scrollY="300dp" to layout

<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="com.javamad.user_profile"
    android:scrollY="300dp"
>

you see the space for design.

score 2 · Answer 5 · answered Aug 07 '15 at 18:48

2

Add something like android:layout_marginTop="-300dp" attribute to immediate ScrollView child.

answered Aug 07 '15 at 18:48

vbarinov

503
4
10

haha. good catch. faster to apply and remove at the end. Thanks man. +1 – Hardik Joshi Feb 09 '18 at 17:38

score 1 · Answer 6 · answered Oct 22 '12 at 08:37

Try setting your inner layout to a fixed height. So your code should be like

<ScrollView
     android:layout_width="fill_parent"
     android:layout_height="fill_parent">
<RelativeLayout
     android:layout_height="900dp"
>
</ReleativeLayout>
</ScrollView>

This should work

score 0 · Answer 7 · answered Aug 29 '13 at 04:26

    <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"
       android:paddingBottom="@dimen/activity_vertical_margin"
       android:paddingLeft="@dimen/activity_horizontal_margin"
       android:paddingRight="@dimen/activity_horizontal_margin"
       android:paddingTop="@dimen/activity_vertical_margin"
       tools:context=".AdminControlPanel" 
       android:scrollY="200dp">

this android:scrollY makes your designing screen longer in Y direction...add your components towards down

In case it is not obvious, the scrollY attribute should be added to the child of the ScrollView, not the ScrollView itself. — Paul LeBeau, Jan 09 '15 at 07:40

score 0 · Answer 8 · answered Jul 27 '15 at 16:58

0

I usually just use negative margin. It works on scroll view as on a item inside.

answered Jul 27 '15 at 16:58

oneat

10,778
16
52
70

Fracdroid · Answer 9 · 2015-10-15T17:38:47.997

This was my solution: I subclassed ScrollView to take a scrollY param that is only used when isInEditMode().

public class MyScollView extends ScrollView {

    private int scrollY = 0;

    private void init(Context context, AttributeSet attrs) {
        TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.MyScrollView);
        scrollY = a.getInt(R.styleable.MyScrollView_scrollY, 0);
        a.recycle();
    }

    public MyScollView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init(context, attrs);
    }

    public MyScollView(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context, attrs);
    }

    public MyScollView(Context context) {
        super(context);
    }

    @Override
    public void computeScroll() {
        if (isInEditMode()) {
            scrollTo(0, scrollY);
        }
    }

}

This goes into your attrs.xml file

<declare-styleable name="MyScrollView">
    <attr name="scrollY" format="integer"/>
</declare-styleable>

One caveat I found is that the rendered screen is out of sync with the pickable UI elements. You can still choose UI elements form the outline dialog which is how I usually do it anyway. Just something to be aware of. — Fracdroid, Oct 15 '15 at 17:40

ScrollView - How to scroll down while designing layout in Eclipse?

9 Answers9

Linked