SAPUI5 - 垂直佈局重心

Question

我有幾個屏幕元素在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> 

我怎麼可以添加類似的佈局重心或對齊，我想在屏幕中心這些元素。你能幫我解決嗎？謝謝。

Answer 1

由於您使用的sap.m庫，無論如何，我會建議使用sap.m.VBox控制（或sap.m.HBox對於水平佈局） 的VBox不完全一樣的VerticalLayout多（你可以指定對齊，對齊在真正靈活的方式

的VBox和FlexBoxHBox繼承，看到你可以做什麼這些例子：https://sapui5.hana.ondemand.com/sdk/explored.html#/entity/sap.m.FlexBox/samples