哪個佈局更好？矩陣佈局或表單？

Question

我在我的應用程序中使用矩陣佈局和表單。我更喜歡Form來更好地對齊。但我對此有疑問，哪種佈局更可取，爲什麼？

Answer 1

理論上兩者都是相似的，但是如果你想要自己的路線和尺寸，我會建議你使用垂直佈局，並使用CSS-Classes和網格系統來對齊控件。

如果你想單獨選擇矩陣和表單之間，然後與表單！這是最容易實現的，並且對齊設置可以以一種很好的方式保存應用程序。

Answer 2

一般來說，我更喜歡Grid Layout和GridData作爲其內容的LayoutData。

 /*FormGroup1*/ 
     var oFromGroup1=new sap.ui.layout.Grid("oFromGroup1",{ 
      hSpacing: 1, 
      vSpacing: 1, 
      layoutData:new sap.ui.layout.GridData({span:"L12 M12 S12"}) 
     }); 
     var oNameLabel=new sap.ui.commons.Label({ 
      text:"Name", 
      layoutData:new sap.ui.layout.GridData({span:"L4 M4 S12"}) 
     }); 
     var oNameText=new sap.ui.commons.TextField({ 
      value:"Jibin Joy", 
      width:"100%", 
      layoutData:new sap.ui.layout.GridData({span:"L8 M8 S12"}) 
     }); 
     var oDobLabel=new sap.ui.commons.Label({ 
      text:"DOB", 
      layoutData:new sap.ui.layout.GridData({span:"L4 M4 S12",linebreak:true}) 
     }); 
     var oDobDatePicker=new sap.ui.commons.DatePicker({ 
      yyyymmdd:"19890121", 
      width:"100%", 
      layoutData:new sap.ui.layout.GridData({span:"L8 M8 S12"}) 
     }); 
     oFromGroup1.addContent(oNameLabel); 
     oFromGroup1.addContent(oNameText); 
     oFromGroup1.addContent(oDobLabel); 
     oFromGroup1.addContent(oDobDatePicker); 

oFromGroup1.placeAt(this); 

請查看：

Grid Layout 和 GridData