Анимация изменений макета с использованием перехода в том же макете

Question

Я пытаюсь создать свой первый составной элемент управления, он должен выглядеть следующим образом:

Я думал об использовании LinearLayout для контейнера и одного TextView для каждого числа, выбранный номер будет иметь округленный фон, и когда пользователь нажимает на номер, удаляет фон из текущего и устанавливает его на новый. , а потом как-то заставить андроид оживить это.

Это выглядит как переход общего элемента только в том смысле, что это не элемент, а фон.

Как я могу выполнить этот переход?

Answer 1

Я бы создал это:

Relativelayout - (White background, rounded corners)
      └ Framelayout - (Green background, rounded corners)
      └ LinearLayout
             └ TextView 1 |  TextView 2 | TextView 3

Затем получите позицию, центр, текстового обзора при выделении и используйте эту позицию для перемещения Framelayout.Используйте interpolator, AccelerateDecelerateInterpolator для анимации.Вы можете анимировать с помощью XML или с кодом, это ваше дело.

Вы можете использовать ImageView или другие вместо FrameLayout, это решение, основанное на мнении.