Material Design Demo for Android 1.0

Демо материјалног дизајна за Андроид је пример апликације која је креирана помоћу библиотеке подршке дизајну. Сврха ове апликације је да демонстрира како имплементирати материјални дизајн у апликацију која је компатибилна са пре-лизалица уређајима (до АПИ нивоа 7). Ова апликација покрива различите компоненте дизајна материјала, укључујући фиоку за навигацију, флексибилан простор са сликом (техника померања), плутајуће дугме за радњу, плутајуће налепнице за уређивање текста, снацкбар (са и без акције), картице, распоред координатора и плутајуће дугме за акцију и координатор распоред и трака апликација (трака са алаткама).

Дизајн материјала је визуелни језик који је развио Гоогле који има за циљ да створи јединствено корисничко искуство на свим платформама и уређајима. Фокусира се на чисту типографију, смеле боје и једноставне облике. Дизајн материјала такође наглашава употребу анимација и прелаза за стварање привлачнијег корисничког искуства.

Демо материјалног дизајна за Андроид показује како програмери могу да уграде ове принципе у своје апликације. Коришћењем библиотеке подршке дизајну коју обезбеђује Гоогле, програмери могу лако да додају елементе материјалног дизајна у своје апликације без потребе да пишу сложени код од нуле.

Једна од кључних карактеристика ове демо апликације је њена компатибилност са пре-лизалица уређајима. То значи да чак и корисници који још увек користе старије верзије Андроид-а могу уживати у предностима материјалног дизајна у својим апликацијама.

Хајде да детаљније погледамо неке од специфичних компоненти обухваћених овом демонстрацијом:

Фиока за навигацију: Навигациона фиока омогућава корисницима брз приступ различитим одељцима или функцијама унутар апликације. Клизи са леве стране екрана када га покрене икона менија или покрет превлачења.

Флексибилни простор са сликом: Ова компонента омогућава програмерима да креирају визуелно запањујућа заглавља за своје апликације. Слика заглавља се помера нагоре док се корисници померају надоле кроз садржај на екрану.

Плутајуће дугме за радњу: Плутајуће дугме за радњу омогућава корисницима брз приступ примарним радњама унутар апликације. Лебди изнад другог садржаја на екрану и анимира када се додирне.

Плутајуће ознаке за уређивање текста: Плутајуће ознаке обезбеђују контекст за поља за унос унутар образаца или других екрана где корисници треба да унесу информације. Они лебде изнад поља за унос док се не фокусирају на њих додиром или кликом.

Снацкбар: Траке за снацкбар пружају кратке поруке о радњама које је предузела апликација, као што су успешно чување података или неуспех због проблема са мрежом итд.. Појављују се у доњем делу екрана привремено пре него што аутоматски нестану након неколико секунди

Картице: Картице омогућавају програмерима да организују садржај у засебне одељке унутар апликације како би корисницима било лакше да се крећу између њих

Изглед координатора и плутајуће дугме за радњу: ЦоординаторЛаиоут вам помаже да координирате погледе заједно као што су ефекти померања између два приказа, док ФАБ (плутајуће дугме за радњу) вам помаже да брзо извршите примарне радње

Изглед координатора и трака са апликацијама (трака са алаткама): ЦоординаторЛаиоут вам помаже да координирате погледе заједно као што су ефекти померања између два приказа, док трака са апликацијама (трака са алаткама) обезбеђује доследну навигацију кроз вашу апликацију

Све у свему, ако тражите инспирацију о томе како најбоље праксе за имплементацију принципа материјалног дизајна у ваше сопствене апликације, онда ће вам ова демонстрација бити од велике помоћи!