2012-12-11 8 views
5

to prowadzi mnie pod górę. Nie mogę wymyślić, jak automatycznie zwiększyć wysokość listy.Jak jest ustawiona wysokość wygranej listy? - WinJS

to znaczy, że wysokość widoku listy rozszerza się, aby zajmować całą potrzebną przestrzeń i aby zewnętrzny pojemnik oferował funkcję przewijania z przeskokiem.

Nie mogę znaleźć żadnej dokumentacji na ten temat nieoficjalnie.

Pomoc byłaby świetna. Dzięki!

Odpowiedz

10

Kontrolki ListView mają domyślnie wysokość 400 pikseli. To jest w linii 1421 pliku ui-light.css. Możesz go zastąpić, dodając regułę na swojej stronie, taką jak:

.win-listview { wysokość: 100%;/* (Lub można określić absolutnie coś jak '600px') */ }

Na this page w centrum dev to mówi ...

Ustawianie wysokość kontrolki ListView za

ListView nie dostosowuje dynamicznie swojej wysokości do zawartości. Aby renderować ListView, musisz podać bezwzględną wartość dla jego wysokości. Biblioteka Windows dla arkuszy stylów JavaScript ustawia wysokość kontrolki ListView na 400 pikseli.

Z punktu widzenia projektu prawdopodobnie nie powinno się wykonywać przewijania w pionie na liście ListView. Zostały zaprojektowane tak, aby układać je poziomo (podobnie jak aplikacje w ogóle). Łączenie przewijania w poziomie i w pionie może powodować niezręczne wrażenia użytkownika. Napisałem o tym o numerze articles.

+0

Świetna odpowiedź! Wielkie dzięki! Myślałem o używaniu przewijania poziomego, ale w przypadku niektórych wzorców jest to dość niezręczne. na przykład Lista pobrań, posiadająca listę pionową, wydaje się dużo bardziej produktywna i intuicyjna. – RadiantHex

+1

Tak, zgadzam się. Czasami trudno jest pomyśleć o tym, jak zmieści się na poziomej liście. Zawsze jestem pod wrażeniem najlepszych aplikacji (które mają ogromne budżety projektowe) i sposobu, w jaki opracowują strukturę swoich treści, aby lepiej pasowały w poziomie. W mojej aplikacji codeSHOW (aka.ms/codeshowapp) pokazuję pliki kodu źródłowego i łączę poziomy i pionowy. Czasami nie da się tego obejść. –

+2

W snapview potrzebujesz przewijania pionowego ... – odupont

Powiązane problemy