Material Design Demo for Android 1.0

Material Design Demo pre Android je vzorová aplikácia, ktorá bola vytvorená pomocou knižnice podpory dizajnu. Účelom tejto aplikácie je ukázať, ako implementovať materiálový dizajn v aplikácii, ktorá je kompatibilná so zariadeniami pred lízankami (až do úrovne API 7). Táto aplikácia pokrýva rôzne komponenty materiálového dizajnu vrátane navigačnej zásuvky, flexibilného priestoru s obrázkom (technika posúvania), plávajúceho tlačidla akcie, plávajúcich štítkov na úpravu textu, panela s občerstvením (s akciou a bez akcie), kariet, rozloženia koordinátora a plávajúceho tlačidla akcie a koordinátora rozloženie a panel aplikácií (panel nástrojov).

Material Design je vizuálny jazyk vyvinutý spoločnosťou Google, ktorého cieľom je vytvoriť jednotnú používateľskú skúsenosť na všetkých platformách a zariadeniach. Zameriava sa na čistú typografiu, výrazné farby a jednoduché tvary. Material Design tiež kladie dôraz na použitie animácií a prechodov na vytvorenie pútavejšieho používateľského zážitku.

Ukážka Material Design pre Android ukazuje, ako môžu vývojári začleniť tieto princípy do svojich vlastných aplikácií. Pomocou knižnice podpory dizajnu poskytovanej spoločnosťou Google môžu vývojári jednoducho pridávať prvky dizajnu materiálov do svojich aplikácií bez toho, aby museli písať zložitý kód od začiatku.

Jednou z kľúčových funkcií tejto ukážkovej aplikácie je jej kompatibilita so zariadeniami pred lízankami. To znamená, že aj používatelia, ktorí stále používajú staršie verzie systému Android, môžu využívať výhody materiálového dizajnu vo svojich aplikáciách.

Pozrime sa bližšie na niektoré konkrétne komponenty zahrnuté v tejto ukážke:

Navigačná zásuvka: Navigačná zásuvka poskytuje používateľom rýchly prístup k rôznym sekciám alebo funkciám v rámci aplikácie. Po spustení ikonou ponuky alebo gestom potiahnutia sa vysunie z ľavej strany obrazovky.

Flexibilný priestor s obrázkom: Tento komponent umožňuje vývojárom vytvárať vizuálne úžasné hlavičky pre ich aplikácie. Obrázok hlavičky sa posúva nahor, keď používatelia posúvajú obsah na obrazovke nadol.

Plávajúce akčné tlačidlo: Plávajúce akčné tlačidlo poskytuje používateľom rýchly prístup k primárnym akciám v rámci aplikácie. Vznáša sa nad ostatným obsahom na obrazovke a po klepnutí sa animuje.

Plávajúce menovky na úpravu textu: Plávajúce menovky poskytujú kontext pre vstupné polia vo formulároch alebo iných obrazovkách, kde používatelia potrebujú zadávať informácie. Vznášajú sa nad vstupnými poľami, kým sa na ne nezameriate klepnutím alebo kliknutím.

Snackbar: Snackbar poskytuje krátke správy o akciách vykonaných aplikáciou, ako je úspešné ukladanie údajov alebo zlyhanie z dôvodu problémov so sieťou atď. Dočasne sa zobrazujú v spodnej časti obrazovky a po niekoľkých sekundách automaticky zmiznú

Karty: Karty umožňujú vývojárom organizovať obsah do samostatných sekcií v rámci aplikácie, takže používatelia môžu medzi nimi ľahšie prechádzať

Rozloženie koordinátora a tlačidlo plávajúcej akcie: Funkcia CoordinatorLayout vám pomáha koordinovať zobrazenia spolu, ako je efekt posúvania medzi dvoma zobrazeniami, zatiaľ čo tlačidlo FAB (plávajúce tlačidlo akcie) vám pomáha rýchlo vykonávať primárne akcie.

Rozloženie koordinátora a panel aplikácií (panel s nástrojmi): Aplikácia CoordinatorLayout vám pomáha koordinovať zobrazenia spolu, ako napríklad efekty posúvania medzi dvoma zobrazeniami, zatiaľ čo panel aplikácií (panel s nástrojmi) poskytuje konzistentnú navigáciu vo vašej aplikácii.

Celkovo, ak hľadáte inšpiráciu, ako najlepšie postupy implementovať princípy Material Design do vašich vlastných aplikácií, potom vám táto ukážka veľmi pomôže!