ScrollView with Background

kevin.empociello · May 21, 2014, 3:10pm

Hi everybody,

i am developing a new app in which i need a scrollview for a text.
The problem is that i don’t want a white background.
So, i put an image, and i call it with

scrollview:insert(image)

But with this command, when the scroll view works, the image go down in the same time that the text.

Do you know how i can fix the image on the background and to have just the text which move ?

Thanks

daniel.strmecki · May 21, 2014, 8:02pm

Create and insert your background image before creating a scrollview.

Then create a scrollview and hide its background:

http://docs.coronalabs.com/api/library/widget/newScrollView.html#hidebackground-optional

Daniel

kevin.empociello · May 21, 2014, 9:59pm

hi, thanks for your reply, but what do you think when you say before creating a scrollview?
Because i test many solution and i have the same problem, or i can see just the text in my scrollview because my image is behind the white background of the text scrollview.

local storyboard = require( "storyboard" ) local scene = storyboard.newScene() local widget = require( "widget" ) ----------------------------------------------------------------------------------------- -- BEGINNING OF YOUR IMPLEMENTATION -- -- NOTE: Code outside of listener functions (below) will only be executed once, -- unless storyboard.removeScene() is called. -- local bg = display.newImage("background.png", display.contentCenterX, display.contentCenterY) -- Called when the scene's view does not exist: function scene:createScene( event ) local group = self.view end -- Called immediately after scene has moved onscreen: function scene:enterScene( event ) local group = self.view local function scrollListener( event ) local phase = event.phase local direction = event.direction if "began" == phase then --print( "Began" ) elseif "moved" == phase then --print( "Moved" ) elseif "ended" == phase then --print( "Ended" ) end -- If the scrollView has reached it's scroll limit if event.limitReached then if "up" == direction then print( "Reached Top Limit" ) elseif "down" == direction then print( "Reached Bottom Limit" ) elseif "left" == direction then print( "Reached Left Limit" ) elseif "right" == direction then print( "Reached Right Limit" ) end end return true end -- Create a ScrollView local scrollView = widget.newScrollView { left = 0, top = 0, width = display.contentWidth, height = display.contentHeight, bottomPadding = 50, id = "onBottom", horizontalScrollDisabled = true, verticalScrollDisabled = false, listener = scrollListener, } --Create a text object for the scrollViews title local titleText = display.newText("Les Paris : kesaco?", display.contentCenterX, 240, native.systemFontBold, 50) titleText:setFillColor( 0 ) -- insert the text object into the created display group --Create a large text string local lotsOfText = "Le Pari consiste à prendre position sur l'issue d'un match sportif. \n\n Il y a différents types de Paris :\n Les Paris simples consistent à parier sur un seul événement. \n Le Pari Combiné est un pari unique sur plusieurs matchs (Pari Double/Triple....). \nUn Pari Système est un pari multiple composé de plusieurs paris simples ou combinés (ou des deux selon les cas) sur plusieurs sélections. \n\nParis simple \nLe pari simple est le pari le plus courant. Il consiste à parier sur un seul événement sportif avec un seul pronostic. Si le pronostic est juste, la mise est restituée en plus d'un profit obtenu grâce à la cote déterminée au moment du pari.\n Le formule pour déterminé le profit remporté est la suivant : profit = mise x (cote-1). Si le pronostic s'avère mauvais, le site de paris en ligne (bookmaker ou site de paris sportifs) encaisse la mise.\n\n Paris Combinés \n Le pari Combiné est un pari unique sur plusieurs événements sportifs en simultanée. Les pronostics doivent être justes pour remporter un gain. Il correspond à la mise multipliée par les cotes de chaque sélection. Un pari Combiné sur 2 sélections s'appelle un Double, sur 3 sélections un Triple. Il est possible de combiner 4, 5, 6 sélections et plus. Notons qu'elles doivent être toutes pour remporter le pari. Plus la combinaison est grande plus les chances de remporter des gains importants sont élevés. \n¨Pour calculer vos gains un simple calcul suffit : MISE x Cote 1 x Cote 2 x..... \n\n Pour finir, le pari Multiple est un pari combiné à moindre risque \nEn effet on peux jouer le combiné choisis et dire que l'on pari que 2/3 Matchs ou 4/6 soient juste pour améliorer les chances.\n\n Conseil : Notre Team de pronostiqueur favorise depuis quelques années le PARI SIMPLE avec grosse mise.\n Une mise de 200€ sur une cote de 1,9 permet de gagner 180€; un gain faible pour certain, mais nous limitons ainsi les risques de pertes des combinés attirant mais dangereux! " --Create a text object containing the large text string and insert it into the scrollView local lotsOfTextObject = display.newText( lotsOfText, display.contentCenterX, 0, 600, 0, "Helvetica", 30) lotsOfTextObject:setFillColor( 0 ) lotsOfTextObject.anchorY = 0.0 -- Top --------------------------------lotsOfTextObject:setReferencePoint( display.TopCenterReferencePoint ) lotsOfTextObject.y = titleText.y + titleText.contentHeight + 30 scrollView:insert( bg ) scrollView:insert( lotsOfTextObject ) scrollView:insert( titleText ) group:insert(scrollView) end

kevin.empociello · May 21, 2014, 10:03pm

i found !! thanks to your link, thank you very much

i needed to insert it on my code :

hideBackgroud = true

and change

scrollView:insert(bg)

in :

group:insert(bg)

daniel.strmecki · May 21, 2014, 8:02pm