Flexmaniak.pl » repeater http://blog.flexmaniak.pl Flex, Papervision3D, PHP, Symfony Sun, 02 Oct 2011 08:36:28 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Lista z płynnym przewijaniem http://blog.flexmaniak.pl/flex-architectures/flex-halo/lista-z-plynnym-scrollem http://blog.flexmaniak.pl/flex-architectures/flex-halo/lista-z-plynnym-scrollem#comments Fri, 08 Jan 2010 17:16:51 +0000 damian http://blog.na14.pl/wordpress/?p=261 W tym przykładzie pokażę jak zbudować listę z płynnym przewijaniem (scrollem). Pisząc jedną z aplikacji musiałem użyć listy do wyświetlania obrazków o dużej wysokości. Niestety przewijanie w liście działa skokowo, tzn. przesuwając suwak, lista przeskakuje do kolejnych elementów.

Dla mnie takie rozwiązanie było nie do przyjęcia. Zależało mi na płynnym scrollu, tak, żeby można było widzieć oba elementy częściowo. Żeby lepiej zobrazować problem zamieszczam przykład.

Z pomocą przyszedł Repeater, który działa w ten sposób, że dla każdego elementu z dataProvider, powtarza to co się w nim zawiera. Żeby móc odnieść się do iterowanych elementów należy przypisać mu id, aby następnie użyć pola currentItem.

Jak widać użyłem jeszcze Boxa. Sam Repeater tylko powtórzy swoją zawartość. Nawet jeśli damy mu stały height, to przyjmie on wysokość jaka będzie potrzebna do wyświetlenia wszystkich elementów. Jednakże po włożeniu do Boxa i ustawieniu mu width i height, to Box doda sobie suwak, którym będzie można płynnie przewijać jego elementy. To wszystko :)

]]> http://blog.flexmaniak.pl/flex-architectures/flex-halo/lista-z-plynnym-scrollem/feed 2