Step 12: Shell Control as Container

介绍

Now we use a shell control as container for our app and use it as our new root element. The shell takes care of visual adaptation of the application to the device’s screen size by introducing a so-called letterbox on desktop screens.

1.练习效果

Step 12: Shell Control as Container - 第1张  | 优通SAP

2.源码

You can view and download all files at Walkthrough – Step 12.

webapp/view/App.view.xml
The shell control is now the outermost control of our app and automatically displays a so-called letterbox, if the screen size is
larger than a certain width.

3.Note

We do not add the Shell control to the declarative UI definition in the XML view, because apps that run in an external shell, like the SAP Fiori launchpad, there will already be a shell around the component UI.

There are further options to customize the shell, like setting a custom background image or color and setting a custom logo. Check the
related API reference for more details.

留下一个回复

你的email不会被公开。

10 − 3 =