Как я могу достичь этого базового макета в Android с правильным Z-порядком представлений

Как я могу добиться следующего макета в Android ?

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

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

Мне также удалось создать этот макет, используя серию вложенных макетов, но из-за порядка рисования красный прямоугольник всегда отображается поверх синего поля. Я попытался использовать метод takeToFront (), но обнаружил, что он работает только с одноуровневыми представлениями в том же макете. К сожалению, я не могу получить этот тип макета, сохраняя все 4 представления в одном макете. Какие-либо предложения? (кроме того, если у кого-то есть предложения по названию этого вопроса, я все слышу)