Flex chiamata itemRenderer all'interno di un nuovo pannello ()
-
18-09-2019 - |
Domanda
Ho la funzione qui sotto la creazione di nuovi pannelli dentro la mia ViewStack .. Questo funziona bene e sono grandi .. Comunque sto cercando di mettere un po 'di contenuti nei pannelli ma io sto riuscendo.
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;
//}
}
Ho un personalizzato itemRenderer chiamato PageItemRenderer che accetterà i dati XML e visualizzarlo, ma non riesco a capire come chiamare il renderer per ogni pannello ..
Qualsiasi aiuto sarebbe molto apprezzato.
EDIT: Aggiunta 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>
Soluzione
Il Panel
è solo una classe contenitore, e la vostra PageItemRenderer
deve estendere alcune UIComponent
, quindi basta fare questo nel metodo 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);
EDIT: cambiato pR.setData
a pR.data
EDIT: pR.data(data)
cambiato in pR.data = data
;
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow