Next, add a Canvas as a child component to the “body”, set the RectTransform: Select Alt + Stretch/Stretch.
The Canvas should now be covering the body. Rename the Canvas to “Audio_Page”. Hide the Canvas by checking the hidden eye icon to the left of the Canvas in the hierarchy:
Select the Audio_Page in the Hierarchy and Ctrl + D to duplicate it, rename it “Video_Page”:
Show/Hide your pages in the developer view so they are not in the way of your work.
Add a navigation menu with ButtonsIn this section we will add 3 Buttons as child objects of the “footer_bg”. Then use a custom script to toggle between the Canvas on each press.
First, we will want to control the layout of our Buttons. Do this by adding a Horizontal Layout Group to your “footer_bg”. To do this, in the Inspector, click Add Component -> Horizontal Layout Group. Add a spacing of 2. Change Child Alignment to “Middle Center”. The Horizontal Layout Group will evenly distribute the objects.Add 3 Buttons as child to the “footer_bg” component. Name them Home, Audio, Video. The 3 Buttons will now spread out evenly across the parent object.
3 Button’s added to footer
In the next section we will explain how to add page flip for the nav bar.
