XMLView UI5中的换行符

Question

如何在两个控件之间设置换行符？

我希望以垂直方式逐个显示。

Answer 1

  

您可以使用VBox

<VBox>
   <Input placeholder="UserID"  ></Input>
   <Input placeholder="Password" type="Password" ></Input>
</VBox>

Answer 2

您并不真正使用换行符，而是使用布局控件。

如果您想在另一个元素下面放置一个元素，请将它们放在垂直布局中。

https://sapui5.hana.ondemand.com/explored.html#/entity/sap.ui.layout.VerticalLayout/samples

<l:VerticalLayout>
    <Input placeholder="UserID" />
    <Input placeholder="Password" type="Password" />
</l:VerticalLayout>

不要忘记包含命名空间：xmlns:l="sap.ui.layout"

您还可以嵌套不同的布局：外部布局是垂直的，垂直布局的每一行都可以是水平布局，其中项目彼此相邻放置。

编辑：这也适用于IE9。遗憾的是，VBox在IE9中无效。