android layout design issue

Question

Я пытаюсь создать страницу, и я сталкиваюсь три вопроса.

Первый выпуск заключается в разработке, как в приведенном ниже рисунке

Здесь бургера изображения (из URL) в верхней части должны быть с равной маржинальной пространстве вместе с закругленным изображением расположенного над ним с текст, случайно изменяющийся над ним. Ниже появляется кнопка «ОК» и «Отмена» с серым фоном и красный значок точно в центре. Небольшая часть красной иконки должна быть размещена над видом текста и текстом выше изображений и 2 редактирования под ним

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

Я не уверен, о высоте ImageView и ширины, но карты должны быть точно заменены на позиции изображения

третий вопрос, я хочу, чтобы разработать эту страницу без представления прокрутки, мнения должен находиться в пределах экрана, потому что, если мы хотим использовать Layout фрейме не принимает внутрь зрения Scroll

до сих пор я попытался следующие

<LinearLayout 
      android:id="@+id/rrds_layout" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:layout_margin="5dp" 
      android:background="@color/burgerimg" > 
       <RelativeLayout 
        android:id="@+id/rrds_round_points" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:background="@drawable/rounded_bg" > 
        <TextView 
         android:id="@+id/textView1" 
         android:layout_centerInParent="true" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:text="Free" 
         android:textColor="#000000" 
         android:textAppearance="?android:attr/textAppearanceMedium" /> 
       </RelativeLayout> 
     </LinearLayout> 

Я не знаю путь т о добавьте красный значок и кнопки немного над изображением

как проектировать эту страницу .....

, как Vikram Bodicherla объяснил я сконструировал следующий

<FrameLayout> 
    <ViewSwitcher> 
      <TextView></TextView> 
      <MapView></MapView> 
    </ViewSwitcher> 

     <RelativeLayout 
      android:id="@+id/rrds_merge_layout2" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:layout_gravity="bottom"> 

       <ImageView 
        android:contentDescription="@string/app_name" 
        android:id="@+id/merge_bg_img" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:background="@drawable/title_bg" 
        android:layout_centerInParent="true"/> 

       <TextView 
        android:id="@+id/merge_view_pro_txt" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="OK" 
        android:layout_centerInParent="true" 
        android:clickable="true" 
        android:textAppearance="?android:attr/textAppearanceMedium" 
        android:layout_toLeftOf="@+id/merge_center_img" 
        android:layout_centerVertical="true"/> 

       <ImageView 
        android:contentDescription="@string/app_name" 
        android:id="@+id/merge_center_img" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_centerInParent="true" 
        android:background="@drawable/red_icon" /> 

       <TextView 
        android:id="@+id/merge_view_cash_txt" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_centerInParent="true" 
        android:clickable="true" 
        android:text="@string/mrg_cash" 
        android:textAppearance="?android:attr/textAppearanceMedium" 
        android:layout_toRightOf="@+id/merge_center_img" 
        android:layout_centerVertical="true"/> 
     </RelativeLayout> 
</FrameLayout> 

Но все тот же проблема есть ......

Answer 1

дизайн верхняя часть и нижняя часть отдельно.

В верхней части есть FrameLayout/ViewSwitcher, который меняет местами между MapView и ImageView. Что касается закругленного изображения, создайте изображение с белым круглым посередине, оставив все остальное прозрачным. Установите это как фон TextView и напишите текст.

Дизайн второй части будет довольно прост.

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