SkinnableDataContainer + LayoutBase + useVirtualLayout - не создаются элементы

[djyamato]

Здравствуйте
Создал SkinnableDataContainer, назначил ему лэйаут (LayoutBase)
Если включить useVirtualLayout=true у лэйаута - НЕ создаются элементы в этом ДатаКонтейнере, если useVirtualLayout=false - создаются

Что дописать нужно в лэйауте ?

[alatar]

LayoutBase не предназначен для непосредственного использования, только для создания собственных layout.
Что дописать нужно в лэйауте ?
Как минимум переписать метод updateDisplayList, в котором описать как будут расставляться элементы.

[djyamato]

а если элементы сами знают о своих координатах ? в itemRenderer приходит data с координатами для элемента
Как тогда ?

[alatar]

BasicLayout

[djyamato]

BasicLayout

ээх, не поддерживает он useVirtualLayout

Error: BasicLayout doesn't support virtualization.


Пошел немного по-бругому пути, но все равно рендереры сразу все создаются


<s:BorderContainer>
<s:DataGroup width="500" height="420"
dataProvider="{_model.userProjects}"
itemRenderer="itemRenderers.TheWallIR">
<s:layout>
<layouts:CustomBasicLayout useVirtualLayout="true"/>
</s:layout>
</s:DataGroup>
</s:BorderContainer>


рендерер:

<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
autoDrawBackground="false"
x="{_data.position.x}"
y="{_data.position.y}"
creationComplete="itemrenderer1_creationCompleteHandler(event)">
<fx:Script>
<![CDATA[
import mx.events.FlexEvent;

import Project.ProjectVO;

[Bindable]
protected var _data:Object;

override public function set data(value:Object):void
{
_data=value;
trace("IR data="+_data);
}

protected function itemrenderer1_creationCompleteHandler(event:FlexEvent):void
{
trace("ir creation complete "+_data.position.x+" "+_data.position.y);
}
]]>
</fx:Script>

<s:Group width="100%" height="100%">

<s:Group id="maskGroup" width="300" height="300">
<s:Rect width="100%" height="100%" radiusX="6" radiusY="6">
<s:fill>
<s:SolidColor color="0xff0000"/>
</s:fill>
</s:Rect>
</s:Group>
<s:Image id="image" source="{_data.compill}"
width="300"
height="300"
mask="{maskGroup}"/>
</s:Group>

</s:ItemRenderer>


лэйаут:

package layouts
{
import mx.core.IVisualElement;

import spark.layouts.BasicLayout;
import spark.layouts.supportClasses.LayoutBase;

public class CustomBasicLayout extends LayoutBase
{
protected var _index:uint;

public function CustomBasicLayout()
{
useVirtualLayout=true;
super();
}

override public function updateDisplayList(width:Number, height:Number):void
{
var count:int = target.numElements;

for (var i:uint = 0; i < count; i++)
{
var element:IVisualElement = target.getVirtualElementAt(i);
var elementPosBoundsX:Number=element.getLayoutBoundsX()+element.getLayoutBoundsWidth();
var elementPosBoundsY:Number=element.getLayoutBoundsY()+element.getLayoutBoundsHeight();

element.setLayoutBoundsSize(element.getPreferredBoundsWidth(), element.getPreferredBoundsHeight());

if(element.getLayoutBoundsX()<target.getLayoutBoundsX() || element.getLayoutBoundsY()<target.getLayoutBoundsY() || elementPosBoundsX>target.getLayoutBoundsWidth() || elementPosBoundsY>target.getLayoutBoundsHeight())
{
trace("ELEMENT outside bounds !!!");
element.includeInLayout = false;
}
else
{
trace("ELEMENT inside bounds !!!");
element.includeInLayout = true;
}
}
}
}
}


9 элементов в базе и все 9 создаются все равно :(
трэйс:

ir creation complete 260 -120
ir creation complete 690 50
ir creation complete -15 -138
ir creation complete 206 -504
ir creation complete 203 -350
ir creation complete 721 705
ir creation complete 0 0
ir creation complete 145 17
ir creation complete 380 210


почемуууу ? Что я не так делаю ?

[xsar]

попробуйте ItemRendererFunction (вроде так называется)