Switching between AR Mode

The first thing we'll do is provide an easy way for users to toggle views of the app between conventional 2D views to a 3D AR view by adding an AR Mode button on the bottom of the screen. We have decided a 50 pixel height, to be consistent with the nav bar at top.

Make room for it on the bottom by shortening the Content Scroll View:

1. In Hierarchy, select the Content Scroll View (under Main Canvas).
2. On its Rect Transform, set Bottom to 50.
3. Now to add a new button to the Main Canvas; select it, go to UI | Button, and rename it AR Button.
4. Set Height to 50.

 

5. For Anchor Presets, set Bottom/Stretch and then also Alt+click the same to move it into position.
6. Set Source Image to none and Color the same as the Nav Panel: 74, 182, 208, 255 (#4AB6D0FF).

The following screenshot shows us setting the Anchor Presets for the AR Button:

Next, edit its child text with the following values:

1. Text: AR Mode.
2. Font Size: 25.
3. Color: White (#FFFFFFFF).

The new button should look something like this on...