Prace nad GUI trwają nieprzerwanie. Główny ekran już nie straszy listą, którą można rozwijać – teraz jest GridView.
Standardowe ikony nie były zbyt przyjemne, więc wyruszyłam na poszukiwanie nowych. Odpowiednie na ten moment znalazłam na stronie flaticon.com. Są darmowe jeśli załączy się informację skąd pochodzą, więc mój komunikat, który niedawno zawierał tylko informację o DSP, wzbogacił się o kolejną linijkę.
Jak zmieniła się aplikacja? Obrazek z lewej strony prezentuje to jak wyglądała poprzednio, z prawej nowe GUI oparte na GridView. Akcje z menu kontekstowego przeniosłam pod przyciski.
Będę poszukiwała jeszcze odpowiedniej czcionki tak żeby wszystko wyglądało bardziej spójnie 🙂
Załączanie własnych ikonek do projektu pokazywałam w jednym z poprzednich wpisów. Tutaj chcę zaprezentować zamianę ikonki z trzema kropkami (overflowIcon) i ikonki powrotu, które występują na toolbarze.
Żeby zmienić domyślną ikonkę ukrywającą opcję z menu, które nie zmieściły się na toolbarze na toolbarze wywołuję metody setOverflowIcon i przekazuję jej obrazek. Metoda niestety oczekuje obiektu drawable a ja mam obrazek jako identyfikator przechowywany jako int. Ale nie jest to żadnym problemem.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Toolbar myToolbar = (Toolbar) findViewById(R.id.main_activity_toolbar); | |
| setSupportActionBar(myToolbar); | |
| myToolbar.setOverflowIcon(getResources().getDrawable(R.drawable.ic_overflow_sketch, null)); |
I już mam własną ikonkę 🙂
Ikonkę ze strzałką podmieniam wywołując na obiekcie ActionBar metodę setHomeAsUpIndicator, w parametrze podając identyfikator ikonki.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ActionBar ab = getSupportActionBar(); | |
| ab.setDisplayHomeAsUpEnabled(true); | |
| ab.setHomeAsUpIndicator(R.drawable.ic_back_arrow_sketch); |
Czas zabrać się za kolejne ekrany i pousuwać menu kontekstowe 🙂
Super projekt, gratuluję realizacji. Przydałaby mi się taka apka. 😉 Będzie może możliwość dodawania / podglądu potrzebnych składników? Wybierasz się na galę Daj się Poznać w sobotę? 🙂
dziękuję 🙂 będzie, a nawet już jest – chyba muszę się zebrać i wypuścić ją w Sklepie, to może być plan na długi weekend. Niestety na gali mnie nie będzie, 9 miesięczny obowiązek mnie nie puści 😉