Объясните пжлст, как сверстать такой экран?

Question

[orbit070]

Здравствуйте.
Подскажите пожалуйста, как сверстать такой экран?

spoiler

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

Два вопроса:
1) Правильно ли я понимаю, что разделить экран на две подобные области надо разместив в нем два фрагмента(серая часть и зеленая) или можно одним экраном сделать?

2) Как сверстать зеленую часть? Буду очень благодарен если более менее подробно кто-нибудь объяснит, потому что опыта совсем нет в этом. Какой компонент или библиотеку использовать для создания свайпящихся изображений и как нужно разместить кнопку поверх этой области(полагаю, через frame layout, но не уверен)?

Спасибо

Answer 1

[Олег]

1. Чтобы так поделить фрагменты не нужны.
Основа контрейтлайоут.
Зеленый прибивается к низу.
В качестве серого scroll у которого низ выравнен на топ зеленого.
Если у товара нет галерей. Зеленый уходит в гоне.

2. Вкручиваете верстку найденной галереи картинок со свапом.