Ако сте нови у , спустили сте се на савршено место за почетак учења о дизајну изгледа. Овај чланак о водичу за дизајн распореда за Андроид помоћи ће вам да изађете из његанеколико корисних савета за бољи дизајн корисничког интерфејса, а такође објашњава и како дизајнирати кориснички интерфејс.
Разговараћу о следећим темама:
Па, кренимо!
фибоначијев итеративни ц ++
Водич за дизајн Андроид изгледа: Увод у компоненте корисничког интерфејса
Говорећи о компонентама корисничког интерфејса, типични кориснички интерфејс било које Андроид апликације састоји се од ових компоненти:
- Трака главне акције
- Контрола приказа
- Садржај
- Сплит Ацтион Бар
Они играју главну улогу док развијате сложену апликацију. То ћете добити јасан увид када дођемо до демо одељка овог чланка.
Још један важан фактор који помаже у прилагођавању дизајна корисничког интерфејса била би компонента приказа.
Да видимо у чему је поглед
Водич за дизајн Андроид изгледа: Виевс
ДО Поглед се сматра основним градивним елементом за одговарајући кориснички интерфејс који је уствари креиран из Виев цласс . Ово заузима правоугаону површину на екрану и на крају се брине о цртању и руковању догађајима.
Поглед је основна класа за виџете који се користе за креирање интерактивних компоненти корисничког интерфејса попут дугмади, текстуалних поља итд. Сада када говоримо о подручју правоугаоника или пољу, то може бити слика, комад текста, дугме или све што андроид апликација може приказати. Овде је правоугаоник заправо невидљив, али сваки поглед заузима облик правоугаоника.
Можда имате питање, која може бити величина овог правоугаоника?
Одговор је да га можете поставити ручно наводећи тачну величину (са одговарајућим јединицама) или користећи неке унапред дефинисане вредности. Ове предефинисане вредности су матцх_парентанд врап_цонтент. Ово матцх_парент означава да ће заузети комплетан простор доступан на дисплеју уређаја. Док, врап_цонтент односи се на то да ће заузимати само онолико простора колико је потребно за приказивање његовог садржаја.
Сада укажимо на главне разлике између Виев и ВиевГроуп.
Поглед
- Поглед објекти су основни блокови елемената корисничког интерфејса у Андроиду.
- Поглед је једноставан правоугаони оквир који одговара на корисникове радње.
- Поглед се односи на класу андроид.виев.Виев, која је основна класа свих класа корисничког интерфејса.
- Примери су ЕдитТект, Буттон, ЦхецкБок итд.
ВиевГроуп
- ВиевГроуп је невидљиви контејнер који садржи Виев и ВиевГроуп.
- ВиевГроуп је основна класа за Лаиоутс .
- На пример, ЛинеарЛаиоут је ВиевГроуп која садржи дугме (Виев), као и друге изгледе.
Ајмо сада напред и схватимо распореде који су присутни.
Водич за дизајн Андроид изгледа: Врсте распореда
ДО распоред дефинише структуру корисничког интерфејса у апликацији. Сви елементи у распореду су изграђени користећи хијерархију Поглед и ВиевГроуп предмета.
Сада да видимо како да пријавимо изглед.
Изглед можете пријавити на два начина:
Декларирање елемената корисничког интерфејса у КСМЛ-у. Андроид пружа једноставан КСМЛ речник који одговара приказима класа и подкласа, попут оних за виџете и распореде.
Белешка: Такође можете да користите уређивач распореда за Андроид Студио да бисте направили КСМЛ изглед помоћу интерфејса за превлачење и испуштање.
Инстанцирајте елементе распореда на време рада . Апликација може да креира Поглед и ВиевГроуп објектима и програмски манипулишу њиховим својствима.
Разговарајмо о различитим врстама распореда.
Кориснички интерфејс у Андроиду је хијерархија приказа и група прегледа. ВиевГроупс ће бити посредни чворови у хијерархији, а прикази ће бити терминални чворови.
- Линеарни распоред
- Апсолутни распоред
- Релативни распоред
- Изглед табеле
- Распоред оквира
Размотримо их детаљно.
Линеарни распоред
Линеарни распоред се користи за постављање једног елемента у сваку линију. Дакле, сви елементи ће бити постављени на уредан начин од врха до дна. Ово је врло широко коришћен распоред за креирање образаца на Андроиду. Такође се може назвати групом погледа која поравна сву децу у једном смеру, вертикално или хоризонтално.
Апсолутни распоред
У апсолутном распореду можете одредити тачне координате сваке контроле коју желите да поставите. У овој врсти распореда можете дати тачне Кс и И координате сваке контроле. Омогућава вам да одредите тачну локацију његове деце.
Релативни распоред
Релативни изглед је а ВиевГроуп која приказује подређене погледе у релативним положајима. тиможе одредити положај елемената у односу на друге елементе или у односу на надређени контејнер.
Изглед табеле
Користећи распоред табеле, можете да направите табелу са редовима и колонама и да у њих поставите елементе. У сваком реду можете одредити један или више елемената. Ову команду можете користити за креирање новог изгледа табеле.
Распоред оквира
Изглед оквира користи се када желите да на сваком екрану прикажете по једну ставку. Помоћу распореда оквира можете имати више ставки.Овај распоред оквира је резервирано место на екрану помоћу којег можете приказати један приказ.
Водич за дизајн Андроид изгледа: Јединице мерења
Када специфицирате величину елемента на корисничком интерфејсу Андроид-а, свакако треба да запамтите следеће мерне јединице.
| Јединица | Опис |
|---|---|
| дп | Неовисан о густини пиксел. 1дп је еквивалентан једном пикселу на а 160 дпи екран. |
| сп | Скала независног пиксела. Ово је врло слично дп-у, али управо то се препоручује за одређивање величина фонта. |
| пт | Тачка. Тачка је дефинисана као 1/72 инча. |
| пк | Пикел. Одговара стварним пикселима на екрану |
Идемо сада на последњу тему овог чланка.
Водич за дизајн Андроид изгледа: Демо
У овом демо одељку, хајде да разумемо како се ради са изгледима у Андроид Студио .
Погледајте у Андроид Студио.
Овако изгледа распоред. Само одаберите цртани и наћи ћете неколико класа, одаберите било који други предмет испод овог цртаног. Можете или кодирати структуру изгледа или можете погледати дизајн и једноставно повући и испустити компоненте на простор дизајна.
Компоненте које сте изабрали можете прегледати испод стабла компонената.
Такође их можете пронаћи у распореду.
- Палета : Овде се налази листа приказа и група приказа које можете повући у свој распоред.
- Саставни део Дрво : Састоји се од хијерархије приказа за ваш изглед.
- Тоолбар : Дугмад за конфигурисање изгледа изгледа у уређивачу и за промену неколико атрибута изгледа.
- Уредник дизајна : Изглед у приказу Дизајн или Нацрт, или обоје. Такође се сматра простором за дизајн.
- Атрибути : Контролише изабране атрибуте приказа.
Овим смо дошли до краја овог чланка о „Водичу за дизајн распореда Андроид-а“. Надам се да вам је јасно шта је са вама подељено у овом водичу.Пратите друге блогове и сретно у каријери Андроид развоја.
Сада када сте разумели основе Андроид Лаиоут Десигн-а, погледајте Едурека, поуздана компанија за учење на мрежи са мрежом од више од 250 000 задовољних ученика раширених широм света.
Едурекин курс за сертификацију за развој апликација за Андроид дизајниран је за студенте и професионалце који желе да буду програмер за Андроид. Курс је дизајниран да вам пружи почетну предност у Јава програмирању и обучи вас за основне и напредне концепте, заједно са пројектом у коме се очекује да направите апликацију на Андроиду.
Имате питање за нас? Молимо вас да га помињете у одељку за коментаре овог блога „Водич за дизајн Андроид изгледа“ и јавићемо вам се што је пре могуће.