Дизайн приложения в Android Studio

Дизайн приложения в Android Studio.

Автоматически Android Studio, в его нынешней версии, создает панель-контейнер типа Constrainttiayout, который я рекомендую заменить на более простую и удобную LinearLayout. Делается это достаточно несложно: заменой того, что будет создано автоматически:дизайн приложения в Android Studio

Кроме того, я советую стереть автоматически же добавленный компонент типа TextView, поскольку мы все равно будем делать свою компоновку. Вот с нее и начнем, перейдя в режим Design.

Вначале просто перетащим на «экран» два компонента: «кнопку» (Button) и «наклейку» (TextView). Обратите внимание, что компоненты добавились не только на заготовку экрана, но и в «дерево компонентов» (обведено красной линией). Работать с «деревом компонентов» очень удобно, поскольку оно позволяет с легкостью перемещать компоненты относительно друг к другу, простым перетаскиванием по «дереву».

Итак, наши компоненты расположились на экране крайне неудобно: горизонтально в ряд; а нам бы хотелось разместить их один над другим (вверху «наклейка», а под ней «кнопка»). Для наведения порядка, а также для добавления некоторых свойств, удобно воспользоваться как раз режимом работы с кодами. Кроме того, при работе в таком режиме можно познакомиться с тем, как работает в Android Studio поддержка написания кодов, и выучить смысл некоторых важных и часто употребляемых свойств.

Кстати, в режиме работы с кодами можно включить предпоказ вида экрана! Это чрезвычайно удобно, так как позволяет сразу увидеть, к каким изменениям приводит использование свойств компонентов. Включить режим можно с помощью выбора Preview в правой части экрана.

Обратите внимание: для компонентов, которые мы поместили на экран, Android Studio автоматически добавил минимальный код.

Если мы начнем писать строку с новым свойством для панели LinearLayout, то сразу обнаружим, что Android Studio автоматически включает режим поддержки. Мы хотим сменить ориентацию расположения компонентов внутри панели-контейнера, поэтому начинаем в свободной строке набирать свойство «ориентация» (orientation) — и тут же получаем варианты возможного автозаполнения кода. Нам остается только выбрать подходящий — система автоматической поддержки немедленно допишет за нас все необходимое. Затем надо указать, что нам нужна ориентация по вертикали (vertical), — а вот это придется сделать вручную (раньше и это можно было сделать через режим автоматической поддержки).

Обратите внимание, как немедленно изменилось расположение компонент на экране.

Увы, что-то не слишком привлекательно все выглядит. Ну, давайте продолжим, исправляя и добавляя коды.

Первым делом сотрем в кодах всех компонентов строки со свойством android: layout_weight=»l»

Затем добавим в код для панели-контейнера свойство, устанавливающее в центр экрана «центр тяжести» размещения всех компонентов на экране («центровка»):

android:gravity=»center»

Добавим в панель-контейнер и цвет фона: android:background=»#ABCDEF»

В компоненте «кнопка» (Button) установим размер верхней границы (расстояние от расположенного над ним элемента), а также изменим текст надписи. В итоге полный код нашей активности будет выглядеть так:дизайн приложения в Android Studio

Должен измениться и вид экрана, в полном соответствии с изменениями и дополнениями, которые мы сделали в кодах. Собственно, каждое изменение становилось немедленно заметным, как только мы добавляли соответствующее свойство и устанавливали для него определенное значение. Но хотелось бы увидеть это «в деле».

К слову, если у вас уже имеется готовый программный продукт, то без грамотно организованной рекламы кампании, как минимум на начальном этапе продвижения в массы, не обойтись. Можно конечно попытаться сделать всё самостоятельно, но без познаний всех тонкостей и особенностей современных поисковых алгоритмов — ошибки неизбежны, потому стоит делегировать организацию рекламной кампании опытным специалистам https://soroka-marketing.ru/, которые возьмут на себя ответственность за весь процесс продвижения, либо его часть, если вы намерены выполнить часть работы по продвижению самостоятельно.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *