Fiori学习专题十二：Shell Control as Container

为了让我们的app更加适应不同的设备，这节课我们引入shell控件作为根元素
1.修改App.view.xml，加入Shell控件

<mvc:View
	controllerName="ui5.walkthrough.controller.App"
	xmlns="sap.m"
	xmlns:mvc="sap.ui.core.mvc"
	displayBlock="true">
	<Shell>
		<App>
			<pages>
				<Page title="{i18n>homePageTitle}">
					<content>
						<Panel
							headerText="{i18n>helloPanelTitle}">
							<content>
								<Button
									text="{i18n>showHelloButtonText}"
									press=".onShowHello"/>
								<Input
									value="{/recipient/name}"
									description="Hello {/recipient/name}"
									valueLiveUpdate="true"
									width="60%"/>
							</content>
						</Panel>
					</content>
				</Page>
			</pages>
		</App>
	</Shell>
</mvc:View>

2.npm start
这节课比较简单，只是在最外层再加一个shell控件。为了更好的看出效果，我们可以在网页debug,设置不同设备看下效果！