[Resolved] scrollView Widget not masking properly

Solar2D Composer
#1

my scrollView widget is not masking properly when i try to scroll drown the text disappear after it passes through the masked part which is ok because thats what i want to do, but when i tried to scroll upward the text did not disappear after it pass thought the masked part how is that happening anyway here are my codes:

[code]
local widget = require “widget”
local _W = display.contentWidth
local _H = display.contentHeight

– Create a new ScrollView widget:
local scrollView = widget.newScrollView{ height=200, maskFile=“mask-320x410.png”, top=100, bottom=300 }
scrollView.x = 0; scrollView.y = 200

– Create an object and place it inside of ScrollView:
local t1 = display.newText( “Hello world”, 20, 100, “Helvetica-Bold”, 18 )
t1:setTextColor ( 100, 100, 100 )
scrollView:insert( t1 )

– Place the ScrollView into a group:
local someGroup = display.newGroup()
someGroup:insert( scrollView )[/code]

i tried following this guide but it doesn’t fix the problem
http://developer.coronalabs.com/category/api-tags/scrollview

and also this one for creating a mask file
http://developer.coronalabs.com/reference/bitmap-masks-tableviews-and-scrollviews

what i want to achieve is the same with this one
http://www.youtube.com/watch?v=gVNqBz4nBZw [import]uid: 189861 topic_id: 33250 reply_id: 333250[/import]

#2

I think the mask file dimensions need to be evenly divisible by 4. Currently you mask is 320x410 which could give you strange results, but 320x408, or 320x412, should work. I don’t know why this info is not included in the tutorial on creating mask files. [import]uid: 9422 topic_id: 33250 reply_id: 132137[/import]

#3

Ok sir, I’ll try this one, thanks… [import]uid: 189861 topic_id: 33250 reply_id: 132139[/import]

#4

I did what you said sir, now both the bottom and top aren’t masked, the text never disappears event at the bottom :frowning: [import]uid: 189861 topic_id: 33250 reply_id: 132140[/import]

#5

My Bad, the bottom is masked but the top is still not masked… [import]uid: 189861 topic_id: 33250 reply_id: 132141[/import]

#6

The mask also has to have a minimum of 4 black pixels on each edge. Since you don’t specify a width, your scroll view area appears to be 320x200, so your mask file should be 328x208 with a 320x200 white area in the middle. That will give you the 4px black border and keep your mask evenly divisible by 4. [import]uid: 19626 topic_id: 33250 reply_id: 132170[/import]

#7

I think the mask file dimensions need to be evenly divisible by 4. Currently you mask is 320x410 which could give you strange results, but 320x408, or 320x412, should work. I don’t know why this info is not included in the tutorial on creating mask files. [import]uid: 9422 topic_id: 33250 reply_id: 132137[/import]

#8

Ok sir, I’ll try this one, thanks… [import]uid: 189861 topic_id: 33250 reply_id: 132139[/import]

#9

I did what you said sir, now both the bottom and top aren’t masked, the text never disappears event at the bottom :frowning: [import]uid: 189861 topic_id: 33250 reply_id: 132140[/import]

#10

My Bad, the bottom is masked but the top is still not masked… [import]uid: 189861 topic_id: 33250 reply_id: 132141[/import]

#11

The mask also has to have a minimum of 4 black pixels on each edge. Since you don’t specify a width, your scroll view area appears to be 320x200, so your mask file should be 328x208 with a 320x200 white area in the middle. That will give you the 4px black border and keep your mask evenly divisible by 4. [import]uid: 19626 topic_id: 33250 reply_id: 132170[/import]

#12

finally fix this issue, thank you sir… [import]uid: 189861 topic_id: 33250 reply_id: 132367[/import]

#13

finally fix this issue, thank you sir… [import]uid: 189861 topic_id: 33250 reply_id: 132367[/import]