2012-12-11 6 views
5

questo mi sta guidando sul muro. Non riesco a capire come rendere automatica l'altezza della listview.Come viene impostata l'altezza di win-listview? - WinJS

Ad esempio, avere l'altezza della listview estesa per occupare tutto lo spazio di cui ha bisogno e avere il contenitore esterno che offre una funzione di scorrimento overflow-y.

Non riesco a trovare alcuna documentazione su questo in modo imprevisto.

L'aiuto sarebbe fantastico. Grazie!

risposta

10

I controlli ListView sono alti 400 px per impostazione predefinita. È sulla riga 1421 del file ui-light.css. Puoi sovrascriverlo aggiungendo una regola sulla tua pagina come:

.win-listview { altezza: 100%;/* (Oppure è possibile specificare assolutamente con qualcosa di simile '600px') */ }

Sul this page nel centro dev si dice ...

regolazione dell'altezza del controllo ListView

ListView non regola in modo dinamico la sua altezza per adattarsi al contenuto. Per un controllo ListView da eseguire, è necessario specificare un valore assoluto per la sua altezza. La Libreria di Windows per i fogli di stile JavaScript imposta l'altezza del controllo ListView a 400 pixel.

Dal punto di vista del progetto, probabilmente non si dovrebbe eseguire lo scorrimento verticale su un ListView. Sono progettati per essere disposti orizzontalmente (come le app in generale). La combinazione di scorrimento orizzontale e verticale può creare un'esperienza utente scomoda. Ho scritto alcuni articles su questo.

+0

Grande risposta! Molte grazie! Ho pensato di usare lo scrolling orizzontale, ma per certi pattern sembra piuttosto imbarazzante. per esempio. Un elenco di download, con una lista verticale, sembra molto più produttivo e intuitivo. – RadiantHex

+1

Sì, sono d'accordo. A volte è difficile pensare a come si inserirà in una lista orizzontale. Sono sempre molto impressionato dalle migliori app (che hanno enormi budget di progettazione) e da come decidono come ristrutturare il loro contenuto per adattarsi meglio orizzontalmente. Nella mia app codeSHOW (aka.ms/codeshowapp) mostro i file del codice sorgente e combino orizzontale e verticale. A volte non c'è modo di aggirarlo. –

+2

Nella snapview, è necessario lo scorrimento verticale ... – odupont