Material Design Demo for Android 1.0

Демото за дизајн на материјал за Android е примерок на апликација што е создадена со помош на библиотеката за поддршка за дизајн. Целта на оваа апликација е да демонстрира како да се имплементира дизајнот на материјалот во апликација која е компатибилна со уредите пред шекерче (до 7-то ниво на API). Оваа апликација опфаќа различни компоненти за дизајнот на материјалот, вклучувајќи фиока за навигација, флексибилен простор со слика (техника на лизгање), копче за движење, лебдечки етикети за уредување текст, лента за закуски (со и без дејство), картички, распоред на координаторот и пловечко копче за акција и координатор лента за распоред и апликации (лента со алатки).

Material Design е визуелен јазик развиен од Google кој има за цел да создаде унифицирано корисничко искуство на сите платформи и уреди. Се фокусира на чиста типографија, смели бои и едноставни форми. Материјалниот дизајн исто така ја нагласува употребата на анимации и транзиции за да се создаде попривлечно корисничко искуство.

Демото за дизајн на материјал за Android покажува како програмерите можат да ги вклучат овие принципи во нивните сопствени апликации. Со користење на библиотеката за поддршка за дизајн обезбедена од Google, програмерите можат лесно да додадат елементи за дизајн на материјал во нивните апликации без да мора да пишуваат сложен код од нула.

Една од клучните карактеристики на оваа демо-апликација е нејзината компатибилност со уредите пред лижавче. Ова значи дека дури и корисниците кои сè уште користат постари верзии на Android можат да уживаат во придобивките од дизајнот на материјали во нивните апликации.

Да разгледаме подетално некои од специфичните компоненти опфатени во оваа демо:

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

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

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

Лебдечки етикети за уредување текст: Лебдечките етикети обезбедуваат контекст за полињата за внесување во формулари или други екрани каде што корисниците треба да внесуваат информации. Тие лебдат над полињата за внесување додека не се фокусираат со допирање или кликнување на нив.

Snackbar: Snackbars обезбедуваат кратки пораки за дејствата преземени од апликацијата како што се успешно зачувување податоци или неуспех поради проблеми со мрежата итн. Тие се појавуваат на долниот дел од екранот привремено пред да исчезнат автоматски по неколку секунди

Јазичиња: Табовите им овозможуваат на програмерите да организираат содржина во посебни делови во рамките на апликацијата за да им биде полесно на корисниците да се движат меѓу нив

Копче за распоред на координатор и лебдечко дејствие: CoordinatorLayout ви помага да ги координирате погледите заедно како ефекти на лизгање помеѓу два прикази, додека FAB (Лебдечко копче за дејство) ви помага брзо да ги извршувате примарните дејства

Координаторски распоред и лента за апликации (лента со алатки): CoordinatorLayout ви помага да ги координирате погледите заедно како ефекти на лизгање помеѓу два прикази додека лентата за апликации (лентата со алатки) обезбедува доследна навигација низ вашата апликација

Генерално, ако барате инспирација за тоа како најдобри практики околу имплементацијата на принципите за дизајн на материјали во вашите сопствени апликации, тогаш ова демо ќе ви биде многу корисно!