Align to sides issue on Android and CocoonJS

Hello,

how, via code, you can align the 4 squares in .capx at bit.ly/ZEQVik to the 4 sides of the square?

I need this:

<img src="http://i47.tinypic.com/m0bgx.png" border="0" />

I need that the 4 squares remains attached to the 4 sides even if I resize the screen.

Someone can tell me how I can do this, please?

Regards,

ghale.

if you set their hot spots to the corner of each sprite that is relative to where you want the sprite to be (ie the top left sprite would have the hot spot in the top left)

then is it not a case of saying

sprite(top left) position 0,0

sprite (top right) position (screen width,0)

sprite (bottom left) position screen height,0

sprite (bottom right) position (screen width,screen height)

RamPackWobble

Thanks for the reply...

Like this?

I've not achieved the solution!

sorry sprite 3 should be (0,screen height) not as I had above

RamPackWobble

I've done this: Alignment_03.capx

It works.

It this a good solution?

Or you could use the anchor behavior.

Really depends on what it is for! if you want to do it with events and not behaviors, and the origin is in the center, you can do:

Spawn BoxObj

Set position to X: (Self.Width/2), Y: (Self.Height/2)

Spawn BoxObj

Set position to X: WindowWidth-(Self.Width/2), Y: (Self.Height/2)

Spawn BoxObj

Set position to X: (Self.Width/2), Y: WindowHeight-(Self.Height/2)

Spawn BoxObj

Set position to X: WindowWidth-(Self.Width/2), Y: WindowHeight-(Self.Height/2)

Ok, I've tried with anchor behavior.

On PC, all is ok.

But with CocoonJS and Android, I see the buttons that are not aligned and a flicker effect when I change Layout.

HTML Example (working good): bit.ly/X6KcLu

APK for Android signed with debug key(not working good): bit.ly/13bdEnq

ZipFile for use with CocoonJS Launcher on Android: bit.ly/XUyT7J

I've written to CocoonJS, I hope they reply...

I need a solution, I've invested some money in my project and I can't stop it for alignment issues!

You need to use the viewport functions.

CocoonJS adjusts the screen for a few ticks, so best is to check if it has changed and if it has then set the positions again.

On start of layout:

<img src="https://dl.dropbox.com/u/19625130/C2_scWscH.JPG" border="0" />

Then set your x,y of the images to (0,0); (0,ScreenHeight); (ScreenWidth,0);(ScreenWidth,ScreenHeight).

Then every tick you have a condition to check if the variable is still equal to the viewport function.

if it has changed then redo this:

Then set your x,y of the images to (0,0); (0,ScreenHeight); (ScreenWidth,0);(ScreenWidth,ScreenHeight).

Remember that you should use a layer that doesn't use parallax for the viewport function.

superkew

Hello, I'll try soon!!!

Regards,

ghale

But ScreenWidth and ScreenHeight in your example are global variables and not built-in functions, true???

Yes, they are global variables.

superkew

No, it not works <img src="smileys/smiley19.gif" border="0" align="middle" />

I've done this istructions:

<img src="http://i49.tinypic.com/2e3aipw.jpg" border="0" />

On browser is ok, but on Android the 2 right icons (Voce and btnAvanti) don't touch the right edge of the screen but are a bit more on the left as can you see on this (ugly) image:

<img src="http://i50.tinypic.com/16iurz6.jpg" border="0" />

Any help, please?