A page flip is defined as a page with two sides that can be turned over (like a playing card). The front of the card will be made up of every layer prefixed with "frontface" Similarly, the back of the card will be made up of every layer prefixed with "backface". Both the front and back of the card require their own background layer called "-frontface-background" and "-backface-background".
Layer structure should look similar to this:
You still need to have the "background" layer. This can be empty.
To flip the page, you need to add a button as follows:
- Add an image to the page.
- Open the Buttons window and click ‘convert to button’ in the bottom right corner (see below):
- In the Actions, press the + and scroll down to the ‘Go to URL’ action.
- In the field, enter the URL: flip://card.
Please note: You will need to add another button on the flipped side of the page too, so you have 2 flip://card buttons in total . This can be located anywhere on this page. Just repeat the above process.
Download a demo here: AppStudio_testcases_Flip.zip