SAPUI5 - 垂直布局重力

时间:2015-04-15 07:09:50

标签: javascript xml sapui5

我在xml文件的屏幕上有几个元素

<core:View controllerName="myapp.view.login.login"
    xmlns="sap.m" xmlns:core="sap.ui.core"
    xmlns:l="sap.ui.layout">

    <l:VerticalLayout >
        <l:content>
            <Input 
                type="Text"
                maxLength="15"
                fieldWidth="15px"
                placeholder="name"
                textAlign="Center">
            </Input>

            <Input 
                type="Password"
                maxLength="15"
                fieldWidth="15px"
                placeholder="password"
                textAlign="Center">
            </Input>

            <Button 
                text="Log in"
                press="logIn">
            </Button>
        </l:content>

    </l:VerticalLayout>

</core:View>

我如何添加布局重力或对齐等内容,我希望这些元素位于屏幕的中心。你能帮帮我吗?谢谢。

1 个答案:

答案 0 :(得分:3)

由于您仍在使用sap.m库,我建议您使用sap.m.VBox控件(或sap.m.HBox进行水平布局) VBoxVerticalLayoutVBox完全相同(您可以以真正灵活的方式指定对齐,对齐

HBoxFlexBox继承自{{1}},请参阅以下有关您可以执行的操作的示例:https://sapui5.hana.ondemand.com/sdk/explored.html#/entity/sap.m.FlexBox/samples