Scrollbar in wrong position in Widget 2.0 scrollView

keystagefun · June 14, 2013, 8:29am

Hi all,

I have an odd problem with the scrollbar on the new scrollView widget.

Scrolling itself works fine, but the scrollbar starts half way down my scroll area and disappears off the bottom under my mask as I scroll down (so essentially it’s offset vertically by about 150 pixels).

Code below. Has anyone experienced anything similar to this? It doesn’t always happen - one time it will happen and then the next it won’t. Weird!

I’d obviously like to fix it but if that’s not possible is there any way to hide the scrollbar? Like I say, scrolling works perfectly, it’s just that the scrollbar is off position.

Thanks,

Ian

&nbsp; &nbsp; local widget = require "widget" &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;-- \*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\* &nbsp;&nbsp;&nbsp;&nbsp;-- IMAGE SHEET &nbsp;&nbsp;&nbsp;&nbsp;local options = &nbsp;&nbsp;&nbsp;&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;-- array of tables representing each frame (required) &nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;frames = &nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;-- 3 pieces &nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;{ x = 0, y = 0, width = 6, height = 6 }, &nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;{ x = 0, y = 6, width = 6, height = 18 }, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{ x = 0, y = 24, width = 6, height = 6 }, &nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;}, &nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;-- optional params; used for dynamic resolution support &nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;sheetContentWidth = 6, &nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;sheetContentHeight = 30, &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;local imageSheet = graphics.newImageSheet( "scrollbar.png", options ) &nbsp;&nbsp;&nbsp;&nbsp;sv = widget.newScrollView{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;width = w, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;height = h, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;maskFile = maskFileName, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;horizontalScrollDisabled = true, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;backgroundColor = {255,255,255,0}, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;scrollBarOptions = { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;sheet = imageSheet, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;topFrame = 1, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;middleFrame = 2, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;bottomFrame = 3, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}, &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;sv.isHitTestMasked = true; &nbsp;&nbsp;&nbsp;&nbsp;sv.x = px; &nbsp;&nbsp;&nbsp;&nbsp;sv.y = py; &nbsp;&nbsp;&nbsp;&nbsp;sv:insert( content ); &nbsp;&nbsp;&nbsp;&nbsp;layer:insert( sv ); &nbsp;

bjsorrentino · June 14, 2013, 5:15pm

Hi @keystagefun,

Did you check all of the parameters in the ScrollView documentation?

http://docs.coronalabs.com/api/library/widget/newScrollView.html

I see that you’ve specified the width and height, but no “scrollWidth” and “scrollHeight”. This might be why the scrollbar isn’t behaving as you expect. Please try that and let me know what happens.

Thanks,

Brent

keystagefun · June 21, 2013, 4:07pm

Hi Brent,

Thanks for the reply. Sorry for the delay in responding - I was away.

I’ve tried adding scrollWidth and scrollHeight in but it makes no difference. I’m still seeing a scrollbar that starts half way down my scroll area and then disappears off the page as I scroll. The odd thing is this doesn’t happen on all scrollviews but I can’t see any difference between the ones where it does work and doesn’t work.

Is there any way to just disable the scrollbar completely so it doesn’t appear? I can then add my own which will work.

Thanks,

Ian

ksan · June 21, 2013, 4:34pm

I wonder if your masking has anything to do with this issue…

In the meanwhile, you an use the following to hide the scrollview. Good luck!

hideScrollBar _^(optional)

Boolean. Set this to true if you do not want to use a scrollBar in your ScrollView.

bjsorrentino · June 14, 2013, 5:15pm

Hi @keystagefun,

Did you check all of the parameters in the ScrollView documentation?

http://docs.coronalabs.com/api/library/widget/newScrollView.html

I see that you’ve specified the width and height, but no “scrollWidth” and “scrollHeight”. This might be why the scrollbar isn’t behaving as you expect. Please try that and let me know what happens.

Thanks,

Brent

keystagefun · June 21, 2013, 4:07pm

Hi Brent,

Thanks for the reply. Sorry for the delay in responding - I was away.

I’ve tried adding scrollWidth and scrollHeight in but it makes no difference. I’m still seeing a scrollbar that starts half way down my scroll area and then disappears off the page as I scroll. The odd thing is this doesn’t happen on all scrollviews but I can’t see any difference between the ones where it does work and doesn’t work.

Is there any way to just disable the scrollbar completely so it doesn’t appear? I can then add my own which will work.

Thanks,

Ian

ksan · June 21, 2013, 4:34pm

I wonder if your masking has anything to do with this issue…

In the meanwhile, you an use the following to hide the scrollview. Good luck!

hideScrollBar _^(optional)

Boolean. Set this to true if you do not want to use a scrollBar in your ScrollView.