Таблица или ConstraintLayout?

#android #android_layout #android_constraintlayout

Делаю первое приложение. Мне нужно, чтобы два таймера снизу - всегда находились в
серединах двух половинок (по горизонтали). Иначе говоря, будто они в серединах двух
столбцов таблицы. А черточки должны начинаться снизу, как на картинке.
Пока работал только с ConstraintLayout, и уже замучился. У него привязка идет к краю
элемента. Т.е. если размер элемента меняется, то все двигается, да и он сам не остается
на месте. А у меня, например 01 час меняется на 1. 
В сторону чего мне смотреть?  


    

Ответы

Ответ 1

Для верстки такого макета на понадобятся опорные линии (guidline). 

На макет размещаем три опорных линии (правый клик на визуальном редакторе разметки:
Helpers -> Add vertical\horizontal guidelines): две вертикальных (1 и 2) и одну горизонтальную
(3). Вертикальные делят экран на 3 равные части (33% и 66%), горизонтальная - верхнюю
четверть (25%). Чтобы изменить позицию опорной линии на проценты нужно щелкать на кружок.



Теперь закрепляем виджеты. Левые счетчики крепим правым краем к первой опорной линии,левым
краем к краю экрана (чтобы можно было провести черту до конца экрана). При этом верхний
низом к 3 опорной линии, а нижний верхом к ней же. Этим виджетам ставим атрибут android:gravity="right",
чтобы текст начинался от правого края.
Правый счетчик крепим левой стороной ко второй опорной линии, правой стороной к краю
экрана, а верхом и низом к верху и низу левого нижнего счетчика - так они будут располагаться
на одном уровне по горизонтали.
Кнопку и текст равномерно распределяем на оставшееся пространство по вертикали через
инструмент chains (правая кнопка мыши: Center -> Center Verticaly).

Линии под счетчиками можно сделать, просто указав этим виджетам в качестве фона изображение
9-path с чертой снизу - это самый простой вариант (в примере я делать этого не буду).

Вот что в итоге получилось:



Разметка: