Handling Device Rotation

1
  • 8 favourites

Stats

1,362 visits, 1,704 views

Tools

Translations

This tutorial hasn't been translated.

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

I recently received an email asking how I handle device rotation, so here it is!

Create an upper most layer on all layouts and name it rotate. You need to create this layer for all layouts.

Set the rotate layer's parallax values to 0,0. Set the layer's properties to invisible.

Create a large blank, black colored sprite, and stretch it well beyond the layout size so it covers the entire window size.

Add a graphic that says "rotate device" or "turn sideways" to the rotate layer on top of the black sprite.

Add the browser plugin to your project and create the following statements for and in each layout:

Browser 》Is Portrait 》System 》Set layer 4 Visible (rotate layer)

                                                        》Set layer 3 Invisible 
                                                        》Set layer 2 Invisible 
                                                        》Set layer 1 Invisible
                                                        》Set layer 0 Invisible 
                                                           

Browser 》Is Landscape 》System 》Set layer 4 Invisible (rotate layer)

                                                              》Set layer 3 Visible 
                                                              》Set layer 2 Visible 
                                                              》Set layer 1 Visible 
                                                              》Set layer 0 Visible

That's it!

Enjoy and Vote!

  • 0 Comments

  • Order by
Want to leave a comment? Login or Register an account!