ColumnLayout 类

[方法]、 [字段]、 [事件]

全称	mx.layouts.ColumnLayout
命名空间	mx.layouts
类	ColumnLayout
继承层次结构	ColumnLayoutAbstractLayout
源文件	~\mx\scripts\layouts\ColumnLayout.js

提供一个列式布局。

示例 1

以下是一个ColumnLayout的示例。

JavaScript 代码

JavaScript 代码
var container1 = new mx.containers.Container({ layout: "mx.layouts.ColumnLayout", height:"200px", width:"400px", layoutOptions:{columns:[{name:"column1",title:"column1Title",vAlign:"middle",width:0.4},{name:"column2",title:"column2Title",vAlign:"bottom",width:"40%"}]} }); var textEditor = new mx.editors.TextEditor({ layoutConfigs: { align:"left", columnName:"column1", width:20, height:30 } }); var textEditor1 = new mx.editors.TextEditor({ layoutConfigs: { columnName:"column2", width:200, height:30 } }); container1.addControl(textEditor); container1.addControl(textEditor1);

var container1 = new mx.containers.Container({
	    layout: "mx.layouts.ColumnLayout",
	    height:"200px",
	    width:"400px",
	    layoutOptions:{columns:[{name:"column1",title:"column1Title",vAlign:"middle",width:0.4},{name:"column2",title:"column2Title",vAlign:"bottom",width:"40%"}]}
	});
	var textEditor = new mx.editors.TextEditor({
		layoutConfigs: {
		align:"left",
   	columnName:"column1",
   	width:20,
   	height:30
   }
});
	var textEditor1 = new mx.editors.TextEditor({
		layoutConfigs: {
			columnName:"column2",
	    	width:200,
	    	height:30
	    }
	});
	container1.addControl(textEditor);
	container1.addControl(textEditor1);

构造函数

名称	说明
ColumnLayout()	构建 ColumnLayout 类的新实例。

初始化函数

名称	说明
init()

字段

名称	说明
columns	包含的列,一个jason数组，包含：name、width、height、title等属性
owner	设置和获取一个容器实例，表示布局控件所作用的容器。
typeName	设置和获取布局控件的类型。

构造函数详细信息

ColumnLayout() 方法

构建 ColumnLayout 类的新实例。

初始化函数详细信息

init() 方法

继承自

mx.layouts.AbstractLayout.init

字段详细信息

columns 字段

包含的列,一个jason数组，包含：name、width、height、title等属性

owner 字段

设置和获取一个容器实例，表示布局控件所作用的容器。

继承自

mx.layouts.AbstractLayout.owner

typeName 字段

设置和获取布局控件的类型。

继承自

mx.layouts.AbstractLayout.typeName