Android studio. Как сверстать такую кнопку с счетчиком сообщений (фото внутри)?

Question

[speckolya]

Не получается прикрутить именно счетчик сообщений к кнопке.

Answer 1

[Sergey Vashchenko]

Можно сделать довольно просто:
Используй RelativeLayout, внутри него кнопку с иконкой, а так же еще картинку в виде круга и TextView. Нужно учитывать двузначные числа и то что они будут шире, т.е. необходимо выравнивание по середине. Если счетчик равен нулю, просто делаем visability TextView и ImageView GONE и все.

Answer 2

[Андрей Мывреник]

На ум приходят два варианта. Первый сложнее, но наиболее эффективный и правильный. Второй проще, но хрень и подойдёт если нужно просто быстро наклепать что-то.
1. Перезаписав метод onDraw() в конкретном View кнопки. Добавить окружность, закраску и текст совсем несложно.
2. Обернув кнопку в какой-нибудь ConstraintLayout/RelativeLayout и позиционировать TextView с числом и соответствующим фоном из res/drawables относительно этой кнопки.

Единственное проблема с шрифтом, он явно нестандартный и нужно что-то думать по поводу него отдельно. Добавление своих шрифтов в APK обычно негативно сказывается на конечном размере приложения.

Comments

[Олег Гамега]

честно говоря я за второй вариант, очень часто такие элементы в одном двух местах, из плюсов второго варианта смена дизайна продет менее болезнено

[speckolya]

Олег Гамега: А что если я нажму случайно не на кнопку а на TextView? Кнопка может не сработать

[Андрей Мывреник]

speckolya: OnClickListener на TextView тоже должен быть. Но я не согласен с Олегом.

[speckolya]

Андрей Мывреник: Я тоже) Спасибо за onDraw()

[Олег Гамега]

Это все вопрос целесобразности, если я работаю на почасовой оплате то я не против своего компонента, но если у меня за фиксированную цену ... то для меня выбор очевиден)

[Андрей Мывреник]

speckolya: Тут принято помечать ответы как решение

[Денис Загаевский]

А я согласен с Олегом. Делается элементарно на FrameLayout'e. Тексту clickable = false - он будет пропускать клики, и гравитацию топ|райт|энд. А onDraw - это как раз костыль, нарисовать грамотно ещё уметь надо.

[Андрей Мывреник]

Денис Загаевский: Костыль это как раз лепить вложенные layout'ы ради какого-то круга с числом внутри, а без onDraw() не обходится ни один View.

[Денис Загаевский]

Андрей Мывреник: спасибо, что просветил. Вложенные лэйауты в данном случае - самое адекватное решение.

[Андрей Мывреник]

Денис Загаевский: "Вложенные layout'ы" и "адекватное решение" не могут быть в одном предложении, но у каждого своя планка качества.

[Денис Загаевский]

Андрей Мывреник: не тебе говорить про планку качества, после того, как ты предлагал ConstraintLayout для этого. Могут быть и должны быть.