Делаю первое приложение. Мне нужно, чтобы два таймера снизу - всегда находились в серединах двух половинок (по горизонтали). Иначе говоря, будто они в серединах двух столбцов таблицы. А черточки должны начинаться снизу, как на картинке.
Пока работал только с ConstraintLayout, и уже замучился. У него привязка идет к краю элемента. Т.е. если размер элемента меняется, то все двигается, да и он сам не остается на месте. А у меня, например 01 час меняется на 1.
В сторону чего мне смотреть?
Ответ
Для верстки такого макета на понадобятся опорные линии (guidline).
На макет размещаем три опорных линии (правый клик на визуальном редакторе разметки: Helpers -> Add vertical\horizontal guidelines): две вертикальных (1 и 2) и одну горизонтальную (3). Вертикальные делят экран на 3 равные части (33% и 66%), горизонтальная - верхнюю четверть (25%). Чтобы изменить позицию опорной линии на проценты нужно щелкать на кружок.
Теперь закрепляем виджеты. Левые счетчики крепим правым краем к первой опорной линии,левым краем к краю экрана (чтобы можно было провести черту до конца экрана). При этом верхний низом к 3 опорной линии, а нижний верхом к ней же. Этим виджетам ставим атрибут android:gravity="right", чтобы текст начинался от правого края.
Правый счетчик крепим левой стороной ко второй опорной линии, правой стороной к краю экрана, а верхом и низом к верху и низу левого нижнего счетчика - так они будут располагаться на одном уровне по горизонтали.
Кнопку и текст равномерно распределяем на оставшееся пространство по вертикали через инструмент chains (правая кнопка мыши: Center -> Center Verticaly).
Линии под счетчиками можно сделать, просто указав этим виджетам в качестве фона изображение 9-path с чертой снизу - это самый простой вариант (в примере я делать этого не буду).
Вот что в итоге получилось:
Разметка:
Комментариев нет:
Отправить комментарий