In this section we return to the Immersive User Interface and explore more of its features.Start by clicking on the 2 WebViews icon on the Homescreen. the Canvas UI features, in particular relating to layers and sessions.
We are continuing from the previous section, which has one WebView layer already created.
Tutorial Video
...
Pinned Layers
...
On the Immersive Canvas Toolbar, select Layers > Layer1 the first layer in the Layers dropdown and then select Pin Layer.
Layer1 The layer is now a pinned layer and this stops it from being removed when the Home button is pressed or a new session is started.
A button is dynamically added to the immersive toolbar Canvas Toolbar for each pinned layer. The button will perform two operations on acts as toggle to either Show the layer : Show and Bring to Front or Hide the layer and Send to Back. Try pressing the toggle button to show and hide the layer.
...
Removing Layers
...
On the Immersive toolbarCanvas Toolbar, select Layers > Layer2 and then select Delete Layer.the layer from the Layers dropdown and then select Unpin layer. Note how the toggle button disappears from the Canvas Toolbar.
Next, select the Delete layer item from the layer actions menu. This removes the layer from the canvas and also from the layer list. Note that the Layers button will now only have a menu item for Layer1layers dropdown menu.
Adding Layers
...
Press the Add Content button and select Web > New > WebView.
This will create a new WebView layer on the canvas and in the layer list. Modify the URL by clicking in the WebView toolbar and typing in a new URL e.g. http://www.youtube.com.
...
Settings
...
Press the Settings button to access controls for the master volume, cursor size, cursor sensitivity. There are also controls for sharing the canvas and these are described in a later section: Canvas UI - Canvas Sharing (Video Conferencing)
Play a YouTube movie and adjust the volume using the slider. Press the mute button to silence the audio.
Click on the '+' button for Cursor size and see how the mouse cursor size increases with each click.
The Cursor sensitivity setting determines how quickly the cursor moves across the canvas. The larger the sensitivity value - the further the cursor moves.
Saving Sessions
...
Press the '…' button on the immersive toolbar Canvas Toolbar and then select Save session as.
Enter the name YouTube for the session name. You will be able to reload the layer at a later date by selecting this session. (If a session with same name already exists, a dialog box will be displayed with suitable options.)
Next select New session from the same menu. This will clear the layer list but will leave the immersive toolbar remove all unpinned layers and the Canvas Toolbar will still be accessible on the canvas.
Loading Sessions
Press the Add Content button and select Content Library.
The Content Library dialog will be displayed. The list of sessions are shown in a table. Click on the table headings to reorder the table.
...
Find the YouTube session and select it. This will load the session into the workspace.
Next Section: Canvas UI - Launching Sessions from the Homescreen