读书人

flex4基于datGroup自定义格局实例

发布时间: 2012-10-30 16:13:36 作者: rapoo

flex4基于datGroup自定义布局实例
2、 ss.mxml





2、 SimpleItemRenderer.mxml






3、CircularLayout.as
package{import mx.core.ILayoutElement;import spark.layouts.supportClasses.LayoutBase;public class CircularLayout extends LayoutBase{override public function updateDisplayList(w:Number, h:Number):void{super.updateDisplayList(w, h);var layoutElement:ILayoutElement;if(!target){return;}var count:uint = target.numElements;    //当前dataGroup容器里的所有组件的总数量var w2:Number = target.width;     //当前浏览器的宽度var h2:Number = target.height;    //当前浏览器的高度for(var i:int = 0; i < count; i++){layoutElement = target.getElementAt(i);if (!layoutElement || !layoutElement.includeInLayout){continue;}layoutElement.setLayoutBoundsPosition(i * 100, i + 350);    //对每一个组件进行遍历及定位(分别表示x、y轴)(核心啊)}}}}

读书人网 >flex

热点推荐