Урок за дизайн на оформлението на Android: Всичко, което трябва да знаете

Ако сте нов за , кацнахте на идеалното място, за да започнете да научавате за дизайна на оформлението. Тази статия за урок за дизайн на оформление на Android ще ви помогне да се справитенякои полезни съвети за по-добър дизайн на потребителския интерфейс и също така обяснява как да проектирате потребителски интерфейс.

Ще обсъдя следните теми:

• Въведение в компонентите на потребителския интерфейс
• Изгледи
• Видове оформления
• Мерни единици
• Демонстрация

И така, нека започнем!

таблица на касанда срещу семейство колони

Урок за дизайн на оформлението на Android: Въведение в компонентите на потребителския интерфейс

Говорейки за компонентите на потребителския интерфейс, типичният потребителски интерфейс на всяко приложение за Android се състои от тези компоненти:

• Основна лента за действие
• Контрол на изгледа
• Съдържание
• Разделена лента за действие

Те играят важна роля, докато разработвате сложно приложение. Ще получите ясна представа за това, когато стигнем до демо раздела на тази статия.

Друг важен фактор, който помага при персонализирането на дизайна на потребителския интерфейс, ще бъде компонентът view.

Нека да видим какво е изглед в

Урок за дизайн на оформление на Android: Изгледи

ДА СЕ Изглед се счита за основен градивен елемент за правилен потребителски интерфейс, който всъщност е създаден от Преглед на класа . Това заема правоъгълна област на екрана и в крайна сметка се грижи за рисуване и обработка на събития.

Изгледът е основният клас за приспособления, които се използват за създаване на интерактивни компоненти на потребителския интерфейс като бутони, текстови полета и др. Сега, като говорим за правоъгълник или поле, това може да бъде изображение, парче текст, бутон или всичко, което приложение за Android може да покаже. Правоъгълникът тук всъщност е невидим, но всеки изглед заема правоъгълна форма.

Може да имате въпрос, какъв може да бъде размерът на този правоъгълник?

Отговорът е, че можете да го зададете ръчно, като посочите точния размер (с подходящи единици) или като използвате някои предварително дефинирани стойности. Тези предварително дефинирани стойности са match_parentand wrap_content. Това match_parent означава, че ще заема цялото пространство, налично на дисплея на устройството. Като има предвид, wrap_content се отнася до това, че ще заема само толкова пространство, колкото е необходимо за показване на съдържанието му.

Сега нека посочим основните разлики между View и ViewGroup.

Изглед

1. Изглед обектите са основните градивни елементи на елементите на потребителския интерфейс в Android.
2. Изгледът е просто правоъгълно поле, което отговаря на действията на потребителя.
3. View се отнася до класа android.view.View, който е базовият клас на всички класове на потребителския интерфейс.
4. Примери за това са EditText, Button, CheckBox и др.

ViewGroup

1. ViewGroup е невидимият контейнер, който съдържа View и ViewGroup.
2. ViewGroup е основният клас за Оформления .
3. Например LinearLayout е ViewGroup, която съдържа Button (View) и други оформления също.

Сега да продължим напред и да разберем наличните оформления.

Урок за дизайн на оформление на Android: Видове оформления

ДА СЕ оформление дефинира структурата за потребителски интерфейс в приложението. Всички елементи в оформлението са изградени с помощта на йерархия на Изглед и ViewGroup обекти.

Сега нека видим как да декларираме оформлението.

Можете да декларирате оформление по два начина:

• Декларирайте UI елементи в XML. Android предоставя ясен речник на XML, който съответства на класовете и подкласовете View, като тези за джаджи и оформления.

Забележка: Можете също да използвате Layout Editor на Android Studio, за да изградите XML оформлението си с помощта на интерфейс за плъзгане и пускане.

• Инстанцирайте елементите на оформлението на време на изпълнение . Приложението може да създава Изглед и ViewGroup обекти и манипулират програмно техните свойства.

Нека обсъдим различните видове оформления.

Потребителският интерфейс в Android е йерархия на Views и ViewGroups. ViewGroups ще бъдат междинни възли в йерархията, а изгледите ще бъдат терминални възли.

• Линейно оформление
• Абсолютно оформление
• Относително оформление
• Оформление на таблицата
• Оформление на рамката

Нека ги обсъдим подробно.

Линейно оформление

Линейното оформление се използва за поставяне на един елемент на всеки ред. И така, всички елементи ще бъдат поставени подредено отгоре надолу. Това е много широко използвано оформление за създаване на формуляри в Android. Може да се посочи и като група за изгледи, която подравнява всички деца в една посока, вертикално или хоризонтално.

Абсолютно оформление

В абсолютно оформление можете да посочите точните координати на всяка контрола, която искате да поставите. В този тип оформление можете да дадете точните координати X и Y на всяка контрола. Тя ви позволява да посочите точното местоположение на нейните деца.

Относително оформление

Относителното оформление е a ViewGroup който показва изгледи на деца в относителни позиции. Виеможе да посочи позицията на елементите спрямо други елементи или спрямо родителския контейнер.

Оформление на таблицата

Използвайки оформлението на таблицата, можете да създадете таблица с редове и колони и да поставите елементи в тях. Във всеки ред можете да посочите един или повече елементи. Можете да използвате тази команда, за да създадете ново оформление на таблицата.

Оформление на рамката

Оформлението на рамката се използва, когато искате да покажете по един елемент на всеки екран. Използвайки оформлението на рамката, можете да имате няколко елемента.Това оформление на рамката е заместител на екрана, който можете да използвате за показване на един изглед.

Урок за дизайн на оформление на Android: Мерни единици

Когато посочвате размера на елемент в потребителския интерфейс на Android, определено трябва да запомните следните мерни единици.

Сега да преминем към последната тема на тази статия.

Урок за дизайн на оформление на Android: Демонстрация

В този демо раздел нека разберем как да работим с оформления в Android Studio .

Вижте към Android Studio.

Ето как изглежда оформлението. Просто изберете изтегляемото и ще намерите няколко класа, изберете всеки друг клас под този изтегляем. Можете или да кодирате структурата на оформлението, или можете да видите дизайна и просто да плъзнете и пуснете компонентите в пространството на дизайна.

Можете да видите компонентите, които сте избрали, под дървото на компонентите.

Можете да ги намерите и в оформлението.

1. Палитра : Това съдържа списъка с изгледи и групи изгледи, които можете да плъзнете в оформлението си.
2. Съставна част Дърво : Състои се от йерархията на изгледа за вашето оформление.
3. Лента с инструменти : Бутони за конфигуриране на външния вид на оформлението в редактора и за промяна на няколко атрибута на оформлението.
4. Редактор на дизайн : Оформление в изглед Дизайн или Blueprint или и двете. Също така се счита за дизайнерско пространство.
5. Атрибути : Той контролира атрибутите на избрания изглед.

С това стигаме до края на тази статия за „Урок за дизайн на оформление на Android“. Надявам се, че вие ​​сте наясно с това, което е споделено с вас в този урок.Следете за други блогове и късмет с вашата кариера за Android разработка.

След като разбрахте основите на Android Layout Design, разгледайте от Edureka, доверена компания за онлайн обучение с мрежа от над 250 000 доволни учащи, разпространени по целия свят.

Курсът на Edureka за обучение за сертифициране за разработка на приложения за Android е предназначен за студенти и професионалисти, които искат да бъдат разработчик на Android. Курсът е предназначен да ви даде начален старт в програмирането на Java и да ви обучи както за основните, така и за разширените концепции, заедно с проект, в който се очаква да създадете приложение в Android.

Имате въпрос към нас? Моля, споменете го в раздела за коментари в този блог „Урок за дизайн на оформление на Android“ и ние ще се свържем с вас възможно най-скоро.