Lista ogłoszeń w aplikacji Mobile Second Hand – cz. 1.

Siemanko.

Dzisiaj znów wracamy do części androidowej projektu. Ostatnio skupiłem się nad zwróceniem z serwera listy ogłoszeń z konkretnego obszaru wokół obecnej lokalizacji użytkownika (w sumie core aplikacji), przeparsowaniu jsona na Javove obiekty ogłoszeń i w końcu wyświetlenie ich na ekranie. Oto pierwszy „ładniejszy” efekt pracy. W tej serii (dwa lub trzy wpisy) postów skupię się tylko i wyłącznie nad częścią androidową. Pobieranie ogłoszeń z bazy oraz zwracanie ich z serwera opiszę w kolejnej serii.

WP_20160323_18_16_16_Pro

Zdjęcie prezentuje odpaloną aplikację na telefonie oraz rozlaną kawę na podkładko/notatniku.

Fragment i ViewAdapter.

Wiadomym dla mnie było, że ogłoszenia muszą być wyświetlane na scroll’owalnej liście. Tylko jak się do tego zabrać? Jak to jak?! Jak każdy szanujący się Full StackOverflow Developer zacząłem od grzebania w internecie 😉 Szybkie przetwarzanie informacji i już wiadomo, że do tego służą m.in Fragmenty i ViewAdaptery.

Fragment, to jak sama nazwa wskazuje, osobny byt reprezentujący jakiś element.

1

Screen z designera w Android Studio.

Na powyższym zdjęciu widoczne jest Activity (dziedziczące po Fragment) zawierające layout do prezentowania jednego ogłoszenia. W połączeniu z ViewAdapterem tworzy się lista takich fragmentów.

2

Screen z designera w Android Studio.

Ogólnie rzecz ujmując ViewAdapter zajmuje się wyświetlaniem elementów z kolekcji, którą mu przekażemy.

W najprostszy sposób taką listę można zrobić korzystając z gotowca wbudowanego w Android Studio (kolejny raz propsuje Android Studio i jego template’y).

3

Dodawanie template’u listy fragmentów do projektu w Android Studio.

Po wybraniu Fragment (List) do projektu wpadają dwa (dwie?) Activity (pliki .java z kodem i .xml z widokami), oraz klasa DummyContent.java, której obiekty będą wyświetlane na liście. Oczywiście template generuje dużo kodu do tworzenia fake’owych (DummyContent) obiektów, ładowania ich do adaptera, wyświetlania itp.. Jest to super punkt wyjścia do własnej implementacji. Ja oczywiście sporo zbędnego kodu pokasowałem i zaimplementowałem swoje rozwiązanie. Jakie? O tym w następnej części już w niedzielę.

Na koniec jeszcze jeden screen apki z telefonu:

Screenshot_2016-03-23-18-15-43

Screen aplikacji z małą czarną:)

Pjona!

 

Reklamy

Skomentuj

Wprowadź swoje dane lub kliknij jedną z tych ikon, aby się zalogować:

Logo WordPress.com

Komentujesz korzystając z konta WordPress.com. Wyloguj / Zmień )

Zdjęcie z Twittera

Komentujesz korzystając z konta Twitter. Wyloguj / Zmień )

Zdjęcie na Facebooku

Komentujesz korzystając z konta Facebook. Wyloguj / Zmień )

Zdjęcie na Google+

Komentujesz korzystając z konta Google+. Wyloguj / Zmień )

Connecting to %s