首页 教程 API文档

水平盒型布局

2015-09-11 10:07:41

属性


父模块 layout
使用频率
所属模块 Std.ui

描述


HBoxLayout继承于layout模块,作用是将所有子项按照等级进行大小以及位置的调整,对子项进行自动化的布局.

相关例子



Std.source("StdJS","http://source.stdjs.com/0.1");
Std.use(["ui.LineEdit","ui.Button"]);
Std.main(function(){
    var layout = Std.ui("HBoxLayout",{
        items:[
            {
                ui:"Button",
                text:"button1"
            },{
                ui:"LineEdit",
                width:150,
                placeHolder:"text"
            },{
                ui:"LineEdit",
                width:150,
                placeHolder:"text"
            },{
                ui:"Button",
                text:"submit"
            }
        ]
    });
    var widget = Std.ui("widget",{
        renderTo:"body",
        width:400,
        height:300,
        layout:layout
    });
});