Strange white lines diagonally cut my scrollview

Solar2D Widgets
#1

I have made a scollview, using widget.newScrollView

I have made a background mask. The instructions for doing this are now obsolete and re-direct to the root of the api stuff.

I have taken a screen shot that shows the simulator, photoshop and the code.

I have tried with 8 bit, 16 bit & 32 bit images, but always the same.

You can see the code for the scrollview in the background.

There is nothing in the app that is diagonal, so i cannot see why i should get these lines.

Also the image size is exactly 3 pixels larger that the scroll area.

I have tried with 4px, the same thing happens.

I have increased the black border in the image and that has no effect.

Can anyone suggest why this might be happening?

Thanks,

Jez

#2

Hey,

I had this issue for a while. While I can’t remember exactly what the issue was, I believe it had something to do with the mask file not being exactly rectangular, that or the sizing was off.

Sorry I can’t be much more help that than, it was a while ago and I forgot about it as soon as I solved it.

Edit: As an afterthought, does the problem occur when you deploy it on your phone? It could be a simulator glitch.

#3

Thanks, i have tried changing the sizes etc and it does change from 1 to 2 lines through it.

I am not sure how it can’t be rectangular though… 

Thanks anyway.

Jez

#4

I suspect that your issue has to do with a mask on your scroll view.  That is if you have one.  I have seen exactly what you are seeing if my mask is not done perfectly that is size a factor of 4 and a 4 pixel black border.

Good luck

#5

The issue is that the width and height of the scrollview are not divisible by 4.

Once you change that the line will disappear.

#6

Thanks i will give it a try, that is not something that was clear in the docs… is there a reason as it kinda influences some minor design changes?

… .tried and worked… 

Thanks very much…

Jez

#7

Hey,

I had this issue for a while. While I can’t remember exactly what the issue was, I believe it had something to do with the mask file not being exactly rectangular, that or the sizing was off.

Sorry I can’t be much more help that than, it was a while ago and I forgot about it as soon as I solved it.

Edit: As an afterthought, does the problem occur when you deploy it on your phone? It could be a simulator glitch.

#8

Thanks, i have tried changing the sizes etc and it does change from 1 to 2 lines through it.

I am not sure how it can’t be rectangular though… 

Thanks anyway.

Jez

#9

I suspect that your issue has to do with a mask on your scroll view.  That is if you have one.  I have seen exactly what you are seeing if my mask is not done perfectly that is size a factor of 4 and a 4 pixel black border.

Good luck

#10

The issue is that the width and height of the scrollview are not divisible by 4.

Once you change that the line will disappear.

#11

Thanks i will give it a try, that is not something that was clear in the docs… is there a reason as it kinda influences some minor design changes?

… .tried and worked… 

Thanks very much…

Jez

#12

Useful thread. Can anyone explain my the diagonal lines appear when the mask dimensions are incorrect?

#13

The mask has to be aligned on a 4 byte boundary and if it’s not you get weird lines.

Rob

#14

Useful thread. Can anyone explain my the diagonal lines appear when the mask dimensions are incorrect?

#15

The mask has to be aligned on a 4 byte boundary and if it’s not you get weird lines.

Rob