此界面的最佳父布局?

时间:2016-10-03 22:31:47

标签: android android-layout

我试图找出构建此接口的最佳父布局。

enter image description here 以下是一些其他信息/要求:

A)包含所有内容的ViewGroup。

B)填充可用垂直间距的MapView

C)水平滚动项目列表的RecylcerView。具有固定的高度(即200 dp)

D)位于View B + C顶部的FloatingActionButton。它位于View C的右上角。

我为查看A 尝试了很多不同的选项,但它们似乎无法正常工作。

  • LinearLayout :LinearLayout没有Z索引的概念 FloatActionButton被切断了。
  • RelativeLayout :RelativeLayout没有"填充剩余的垂直空间"所以MapView的高度不是动态的,需要修复
  • FrameLayout :与RelativeLayout相同的问题。

此外,当用户点击FloatingActionButton时,我需要将片段模式注入此活动,因此它将被放置在当前布局上。

任何帮助将不胜感激。非常感谢你!!!

1 个答案:

答案 0 :(得分:1)

可能类似于 -

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:id="@+id/layout_a"
            xmlns:android="http://schemas.android.com/apk/res/android"
            xmlns:app="http://schemas.android.com/apk/res-auto"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">

<android.support.v7.widget.RecyclerView
        android:id="@+id/layout_c"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:layout_alignParentBottom="true"/>


<com.google.android.gms.maps.MapView
        android:id="@+id/layout_b"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/layout_c"/>


<android.support.design.widget.FloatingActionButton
        android:id="@+id/fab_d"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="200dp"
        android:layout_marginRight="16dp"
        app:fabSize="normal"/>

</RelativeLayout>