Scroll View and designer

M

melamoud

Active Member
Licensed User
Longtime User
Trying to use ScrollView with the designer and I failed to make it scroll
I build a screen full of UI elements and all it contained in two panels

I want to add a Scroll view that its height is as high as the overall components
and in case the screen is smaller than that the user can just scroll up and down

I added the scroll view (from the designer menu) , set its size etc
but I do not have an access to its panel (to add the UI components as childs) - am I doing something wrong ?

I went to the code activity create, after the loadLayout and did this
B4X: 
MainPanel.Panel.AddView(ConfPanel,ConfPanel.Left, ConfPanel.Top,ConfPanel.Width,ConfPanel.Height)
   MainPanel.Panel.AddView(InfoPanel,InfoPanel.Left,InfoPanel.Top,InfoPanel.Width,InfoPanel.Height)

nothing happened (well I see a scroll and its moving but nothing is scrolled up / down

I tried to build the scrollview manually in code not in the designer, and to remove the designer built views from the activity (without that it did not worked as well)
B4X: 
MainPanel.Initialize(100)
   MainPanel.Panel.AddView(ConfPanel,ConfPanel.Left, ConfPanel.Top,ConfPanel.Width,ConfPanel.Height)
   MainPanel.Panel.AddView(InfoPanel,InfoPanel.Left,InfoPanel.Top,InfoPanel.Width,InfoPanel.Height)
   Activity.RemoveAllViews
   Activity.AddView(MainPanel, 0, 0, 100%x, 100%y*2)

not working

what I'm I doing wrong ?

thanks:sign0163:
 
Sort by date Sort by votes
M

melamoud

Active Member
Licensed User
Longtime User
I do not want to post my whole app - too much and the code is not shareable,
I'm trying to build a test project for it, and for some reason it fail on null pointer excpetion (code is almost the same as in my app which not failing)
anyway here it is, let me know if you can help or you need me to continue with it

thanks
View attachment zip.zip
 
Upvote 0

klaus

Expert
Licensed User
Longtime User
I had a look at your code.
The Null pointer problem comes from this line:
B4X: 
Activity.AddView(MainPanel, 0, 0, 100%x, MainPanel.Height)
MainPanel.Height is not yet known, it will be known only after having added the view.

I modified the code and load the layout file directly into the ScrollView.Panel and not in the Activity and remove all views.

The problem of not seeing anything in the ScrollView is the resizing in the Designer Scripts. Commenting all these lines shows all views.
In your case setting the Width property in the Designer Scripts results in a 0 value when loading the layout file into the ScrollView.Panel.

Setting the Left and Width properties in Designer Scripts with %x values sets these to 0 in the code.
Setting the Top and Height properties in Designer Scripts with %y values sets these to the percentage value in the code (90%y > 90).
Different behavior for x and y ?

@Erel, could you please have a look at this.

Best regards.
 

Attachments

  • zip1.zip
    12.5 KB · Views: 262
Upvote 0
M

melamoud

Active Member
Licensed User
Longtime User
Thanks guys, :sign0142:

its working like a charm now!!

would it be better to add the ScrollView.Panel to the designer so I can choose it as a parent for the other components I have ? and then everything will be done within the Designer ?
or remove the scroll view component from the designer all together ?
 
Upvote 0
You must log in or register to reply here.
Menu
Log in
Register
Cookies are required to use this site. You must accept them to continue using the site. Learn more…