Widget Candy widgets reset to pre-transition attributes/positions on orientation change?

gary3 · May 1, 2014, 11:47am

Hi,

I’m really struggling with this issue on ios

My interface looks fine, I do a few transitions using alpha fades and position changes to phase in my menu.

However, when the device is rotated (simulator or device), the widget candy elements reset to their original positions and alpha settings, ie. as if they were just created.

It’s as if WC doesn’t know their current properties post transition to handle the re-layout upon orientation change, does that make sense? Am I doing something wrong?

I have set;

_G.GUI.SetAllowedOrientations( {“landscapeRight”,“landscapeLeft”} )

to no avail.

Thanks in advance.

Gary

x-pressive.com · May 9, 2014, 11:31am

Gary, this is to ensure that widgets stay on the same position when any of it’s properties are updated. Widget Candy tries to keep the position of a widget as long as you apply other values again.

If you want to apply a transition to a button, for example, just place it within a display group and move that group instead of the widget directly -you are also able to use any origin then by placing the widget anywhere within that group:

local Grp = display.newGroup() Tmp = \_G.GUI.NewButton( &nbsp;&nbsp; &nbsp;{ &nbsp;&nbsp; &nbsp;x&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = 50,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;y&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = 50,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;width&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = "50%",&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;name&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = "MyButton",&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;parentGroup&nbsp;&nbsp;&nbsp;&nbsp; = Grp,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;theme&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = "theme\_1",&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;caption&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = "I'm a button", &nbsp;&nbsp; &nbsp;textAlign&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = "center",&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;iconAlign&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = "left", &nbsp;&nbsp; &nbsp;icon&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = 15,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;} ) transition.to(Grp, {time = 1000, x = 200, onComplete = function(Obj) Obj[1]:set("caption", "HALLO!") end })

x-pressive.com · May 9, 2014, 11:31am

Gary, this is to ensure that widgets stay on the same position when any of it’s properties are updated. Widget Candy tries to keep the position of a widget as long as you apply other values again.

If you want to apply a transition to a button, for example, just place it within a display group and move that group instead of the widget directly -you are also able to use any origin then by placing the widget anywhere within that group:

local Grp = display.newGroup() Tmp = \_G.GUI.NewButton( &nbsp;&nbsp; &nbsp;{ &nbsp;&nbsp; &nbsp;x&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = 50,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;y&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = 50,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;width&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = "50%",&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;name&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = "MyButton",&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;parentGroup&nbsp;&nbsp;&nbsp;&nbsp; = Grp,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;theme&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = "theme\_1",&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;caption&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = "I'm a button", &nbsp;&nbsp; &nbsp;textAlign&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = "center",&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;iconAlign&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = "left", &nbsp;&nbsp; &nbsp;icon&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = 15,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp; &nbsp;} ) transition.to(Grp, {time = 1000, x = 200, onComplete = function(Obj) Obj[1]:set("caption", "HALLO!") end })