哪个布局更好?矩阵布局或表格?

时间:2015-05-18 05:08:53

标签: sapui5

我在我的应用程序中使用矩阵布局和Form。我更喜欢Form以更好地对齐。但我对此有疑问,哪种布局更可取,为什么?

2 个答案:

答案 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);

请查看:

Grid LayoutGridData