我在我的应用程序中使用矩阵布局和Form。我更喜欢Form以更好地对齐。但我对此有疑问,哪种布局更可取,为什么?
答案 0 :(得分:1)
理论上两者都相似,但是如果你想要自己的对齐和大小,我会建议你使用垂直布局并使用CSS类和网格系统来对齐控件。
如果您只想在Matrix和Form之间进行选择,请选择Form!它是最容易实现的,并且对齐设置为以很好的方式保存应用程序。
答案 1 :(得分:1)
通常,我更喜欢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);
请查看: