Гибкий вызов ItemRenderer внутри новой панели()
-
18-09-2019 - |
Вопрос
У меня есть приведенная ниже функция, создающая новые панели внутри моего ViewStack..Это прекрасно работает, и они великолепны..Однако я пытаюсь поместить некоторый контент в панели, но у меня ничего не получается.
private function viewstack_addChild(name:String):void {
//if (accordion.numChildren < MAX_CHILDREN) {
var p:Panel = new Panel();
p.id = name;
p.name = name;
p.title = name;
p.percentWidth = 100;
p.percentHeight = 100;
var display:PageItemRenderer = new PageItemRenderer;
p.finishPrint(display);
var randColor:uint = Math.random() * 0xFFFFFF;
p.setStyle("backgroundColor", randColor);
myViewStack.addChild(p);
//myViewStack.selectedChild = p;
//}
}
У меня есть пользовательский itemrenderer с именем PageItemRenderer, который будет принимать xml-данные и отображать их, но я не могу понять, как вызвать средство визуализации для каждой панели..
Мы были бы очень признательны за любую помощь.
Редактировать:Добавление PageItemRenderer.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:HBox
height="100%"
width="100%"
xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:HBox width="100%" height="100%">
<mx:VBox height="100%" width="20%" horizontalAlign="center" verticalAlign="middle">
<!-- software image -->
<mx:Image source="{data.image}" width="90%" height="90%"/>
</mx:VBox>
<!-- person's name -->
<mx:VBox height="100%" width="80%" horizontalAlign="left" verticalAlign="middle">
<mx:Label width="100%" height="100%" text="{data.name} {data.version}" color="#FFAE00"/>
<mx:Label width="100%" height="100%" text="{data.description}" color="#FFFFFF"/>
</mx:VBox>
</mx:HBox>
</mx:HBox>
Решение
В Panel
это просто контейнерный класс, и ваш PageItemRenderer
должен расширить некоторые UIComponent
, так что просто сделайте это в своем viewstack_addChild
способ:
var p:Panel = new Panel();
// set the properties on p
var pR:PageItemRenderer = new PageItemRenderer();
var data:Object;
// Do something to get the data to be displayed;
pR.data = data;
p.addChild(pR);
myViewStack.addChild(p);
Редактировать:измененный pR.setData
Для pR.data
Редактировать:измененный pR.data(data)
Для pR.data = data
;