ScrollView text limit?

fazilreyaz · November 3, 2017, 11:05pm

Hello Everyone,

I am facing a problem with newScrollView. Actually I’ve a huge amount of text and I’m using scroll view. It’s working fine if the text is not quite long enough but it fails when the text is huge.

Here is my code

local getText local options = { &nbsp;&nbsp; text = "", &nbsp;&nbsp; x = 0, &nbsp;&nbsp; y = 0, &nbsp;&nbsp; font = "OpenSans-Regular.ttf", &nbsp;&nbsp; fontSize = 24, &nbsp;&nbsp; width = display.contentWidth - 15, &nbsp;&nbsp; height = 0, &nbsp;&nbsp; align = "left"&nbsp; &nbsp; } local function scrollListener( event ) &nbsp; &nbsp;&nbsp;&nbsp; if ( event.limitReached ) then &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if ( event.direction == "left" ) then nextSceneFunc() &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; elseif ( event.direction == "right" ) then prevSceneFunc() &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; end &nbsp;&nbsp;&nbsp; end &nbsp;&nbsp;&nbsp; return true end local scrollView = widget.newScrollView( &nbsp;&nbsp;&nbsp; { &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; top = 180, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; left = 3, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; width = display.contentWidth + 4, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; height = display.contentHeight - 178, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; topPadding = 10, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; bottomPadding = 10, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; horizontalScrollDisabled = false, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; verticalScrollDisabled = false, &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; hideBackground = true,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; listener = scrollListener &nbsp;&nbsp;&nbsp; } ) local function displayText()&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;getText = display.newText(options)&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;getText:setTextColor(0, 0, 0) &nbsp;&nbsp; &nbsp;getText.text = "a lot of text here" &nbsp;&nbsp; &nbsp;getText.anchorY = 0&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;scrollView:insert(getText) &nbsp;&nbsp; &nbsp; end function main()&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;displayText();&nbsp;&nbsp; &nbsp; end main()

I have also attached a screenshot.

Any help would be highly appreciated.

Thanks,

nmichaud · November 4, 2017, 2:17pm

Hi,

This is because your text is to big. Corona render your text into a texture and there is a maximum size for the texture depending of the device. This is why your text will be cut at some point.

The solution is to simply break your text. We have face this issue in our tourism app as sometime description of a point of interest can be very long. Use a loop with string.gmatch will do the trick.

Pseudo code :

for eachLine in string.gmatch(yourTextString, “[^\n\n]+”) do

display.newText(…)

end

Nick

fazilreyaz · November 4, 2017, 2:23pm

Thanks for the reply.

I will try to implement what you said…

Ty Nick

nmichaud · November 4, 2017, 2:17pm

Hi,