首页 教程 API文档

创建ui模块实例

2015-09-11 13:53:01

属性


使用频率
所属模块 Std.ui
成员类型 静态成员函数

描述


Std.ui.create方法用于创建一个UI模块实例,其中,Std.ui方法本身也可以创建UI模块实例,但内部同样是使用的Std.ui.create方法.

当然,如果要创建UI模块实例除了使用Std.ui与Std.ui.create方法以外,还可以手动使用new关键词来创建,例如new Std.ui.modules["LineEdit"]({})

所有的UI模块实例只接受一个参数,这个参数就是这个模块的参数选项,通常情况下所有的UI模块都是基于widget或者layout的.

与直接使用Std.ui方法不同的是Std.ui方法在只能通过传递2个参数来创建一个UI模块实例,而Std.ui.create方法则可以创建一组.

当执行Std.ui.create方法的时候,如果传递的是一个Object对象,那么Std.ui.create方法则会枚举这个Object对象, 将其键值作为创建模块实例时候的参数选项,键值中的ui键作为UI模块的名称,最后返回一个Object对象,键名就是创建时候传递的那个参数选项的键名,键值就是创建之后的UI模块的实例对象.

语法



Object Std.ui.create(Object config);
Object Std.ui.create(String name,Object option);
        

参数


名称 类型 描述
config Object 名称与参数选项对应的Object,其中选项中的ui键值将会作为要创建的UI模块实例的名称.
name String UI组件的名称
option Object UI模块实例的参数选项

返回值


1. 创建后的UI模块实例

2. 包含名称与UI模块实例对应的Object对象

相关例子


创建一个模块实例


var lineEdit = Std.ui.create("LineEdit",{
    placeHolder:"example"
});
        

创建一组


var widgets = Std.ui.create({
    label1:{
        ui:"Label",
        value:"name:"
    },
    label2:{
        ui:"Label",
        value:"price:"
    },
    edit1:{
        ui:"LineEdit",
        value:"yellow dog"
    },
    edit2:{
        ui:"SpinBox",
        value:250
    }
});