Flex: Lista con VBOX-tipo (liscio) scorrimento?

Question

Ho un controllo lista che utilizza un costume itemRenderer e personalizzati itemEditor. L'itemRenderer / Editor sono controlli textarea con almeno 3 righe di testo ciascuna.

La natura di default scorrimento di un controllo lista è per voce, piuttosto che per un determinato numero di pixel, il modo in cui un pergamene VBOX.

Voglio che il mio controllo della lista per avere più di uno sguardo word-processor, dove scorrendo verso il basso si sposta di una riga di testo alla volta. Poiché ogni elemento della lista contiene almeno 3 righe di testo, scorrendo verso il basso salta tutti e tre e posiziona la voce di elenco successivo in cima alla lista di controllo.

Qualsiasi suggesitons?

Stavo cercando di capire come scrivere un VBOX personalizzata che potrebbe agire come una lista, ma io sono nuovo a flettere - e ho solo di programmazione per un anno. .... Non realmente sicuro da dove cominciare.

Grazie!

Answer 1

non hanno ottenuto una risposta al mio commento, per quanto riguarda l'uso di un componente Flex 4 nel nostro app.

Tuttavia, ho dedotto che non è possibile avere un elenco liscia a scorrimento con altezza variabile di riga, se i miei requisiti sono una grande lista con un sacco di controlli.

Poiché il controllo elenco non istanziare tutti i suoi elementi in una sola volta, non può determinare il minimo necessario e valori di scorrimento max in base all'altezza complessiva di tutti i comandi. Si può solo determinare tali valori dal numero di controlli che esso contiene. Bummer: - (

Answer 2

Con il regolatore Lista Spark da Flex 4 (la beta è disponibile). La sua interfaccia "Scroller" è molto più flessibile.

Answer 3

Ho avuto un problema simile con un renderer di voci con testo e un pollice. Risolto facendo l'elenco rendering TUTTE suoi articoli prima visualizzazione, avvolgendo la lista all'interno di una scroller e un gruppo, e spegnendo scorrendo all'interno della lista stessa. Assicurarsi che non si specifica l'altezza lista -. Lasci flex fanno che

Il mio codice: (per qualche ragione ho dovuto racchiudere lo scroller in un gruppo per farlo funzionare)

<s:Group width="100%"  height="100%">
  <s:Scroller width="100%" height="100%" horizontalScrollPolicy="off" id="listScroll">
    <s:Group width="100%" height="100%">
      <s:List dataProvider="{arrData}" itemRenderer="renderers.ListingItemRenderer"
        verticalScrollPolicy="off" click="listingSelected()" width="100%" />
    </s:Group>
  </s:Scroller>
</s:Group>