我想在一个布局中为SAPUI5移动应用程序放置两个按钮_Sapui5

我想在一个布局中为SAPUI5移动应用程序放置两个按钮

sapui5

我想在一个布局中为SAPUI5移动应用程序放置两个按钮,sapui5,Sapui5,我是SAPUI5的新手。我可以在我的SAPUI5移动应用程序中创建控件，但无法在布局中设置它们。我正在以HTML页面的形式编写视图，并在其中添加控件。我试着将它们放在一个分区中，但我不知道指定布局的属性是什么。请指导布局谢谢 <template data-controller-name="sample.controllers.index"> <div data-sap-ui-type="sap.m.Page" data-title="Title"> <di

我是SAPUI5的新手。我可以在我的SAPUI5移动应用程序中创建控件，但无法在布局中设置它们。我正在以HTML页面的形式编写视图，并在其中添加控件。我试着将它们放在一个分区中，但我不知道指定布局的属性是什么。请指导布局

谢谢

<template data-controller-name="sample.controllers.index">
<div data-sap-ui-type="sap.m.Page" data-title="Title">
    <div data-sap-ui-aggregation="content">
    <div data-sap-ui-type="sap.m.Layout" data-type="vertical">
        <div data-sap-ui-type="sap.m.Input"  data-width="20%"
id="Textfield" data-placeholder="User" data-max-length="10"></div><br>
        <div data-sap-ui-type="sap.m.Input"  data-width="20%" id="Textfield2" data-placeholder="Password" data-type="Password"></div><br>
        <div data-sap-ui-type="sap.m.TextArea" data-width="30%" id="textarea" data-placeholder="Text for information..."></div>
    </div>
        <div data-sap-ui-type="sap.m.Button" id="btn1" data-text="My Button1" data-press="doIt"></div>
        <div data-sap-ui-type="sap.m.Button" id="btn2" data-text="My Button2" data-press="doIt"></div>
        <div data-sap-ui-type="sap.m.Label" data-text="I'm Label" data-width="100px" data-height="100px" data-background-colour="orange"></div>
    </div>
</div>

这是我的示例代码，当我在浏览器上运行时，它会显示一条错误消息

未捕获错误：未能从resources/sap/m/Layout.js:404加载“sap/m/Layout.js”-未找到

这是我的index.html


sap.ui.localResources（“示例”）；
var app=new sap.m.app（{initialPage:“idindex1”}）；
var page=sap.ui.view（{id:“idindex1”，viewName:“sample.views.index”，type:sap.ui.core.mvc.ViewType.HTML}）；
app.addPage（第页）；
附件placeAt（“内容”）；
`

没有像

sap.m.Layout

这样的控件。对于布局，您可以从

sap.ui.layout

控件中选择任何控件，例如，

sap.ui.layout.Grid

我认为bootstrapI的问题也是如此。你能把你的index.html放在你的引导程序完成的地方吗？谢谢你这么多Serge。。我应该如何访问页面或视图的一部分。在我使用appcelerator之前，我曾经编写一个视图来放置我的控件。但在SAPUI5中，如何根据我的原型排列它们？请帮帮我。Thnq。对于sap.m库，最顶层的容器控件应该是App或Shell控件。在那里放置一个sap.m.页面，您可以在其中放置控件。为什么需要它？对于使用固定页眉和页脚以及中间可滚动区域的应用程序，sap.m.Page是一个很好的占位符。可以在页眉或页脚中放置按钮。母版页/详细页的更复杂设计涉及到拆分器控件的使用，就像在探索的应用程序中一样。

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta http-equiv='Content-Type' content='text/html;charset=UTF-8'/>

        <script src="resources/sap-ui-core.js"
                id="sap-ui-bootstrap"
                data-sap-ui-libs="sap.m"
                data-sap-ui-theme="sap_bluecrystal">
        </script>
        <!-- only load the mobile lib "sap.m" and the "sap_bluecrystal" theme -->

        <script>
                sap.ui.localResources("sample");
                var app = new sap.m.App({initialPage:"idindex1"});
                var page = sap.ui.view({id:"idindex1", viewName:"sample.views.index", type:sap.ui.core.mvc.ViewType.HTML});
                app.addPage(page);
                app.placeAt("content");
        </script>

    </head>
    <body class="sapUiBody" role="application">
            <div id="content"></div>
    </body>
</html>`

 <div data-sap-ui-type="sap.m.Layout" data-type="vertical">