Разверните Google Карты

Я хочу реализовать что-то вроде этого. При нажатии на карту, она должна расшириться, чтобы показать больше деталей. Я не хочу какой-либо код, а просто руководство о том, как его реализовать. Переход должен быть плавным, как в приложениях Google.

введите описание изображения здесь

1 ответ

Способ воссоздать что-то подобное - использовать переходы между общими элементами.

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

Для более глубокого объяснения переходов между общими элементами посмотрите здесь.

Существует также отличный курс Udacity по дизайну материалов, охватывающий все виды анимации и концепции в виде коротких видеороликов.

Другие вопросы по тегам