如何像谷歌地图中的搜索栏一样在谷歌地图上显示浮动视图

时间:2013-11-18 16:33:04

标签: android google-maps android-fragments

我已成功实施地图,但我找不到任何关于此的帮助这是我的谷歌地图片段的实现

SupportMapFragment fragment;
    private GoogleMap map;
    FragmentManager fm;

@Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        FragmentManager fm = getChildFragmentManager();
        fragment = (SupportMapFragment) fm.findFragmentById(R.id.mapLarge);
        if (fragment == null) {
            fragment = SupportMapFragment.newInstance();
            fragment.setRetainInstance(true);
            fm.beginTransaction().replace(R.id.mapLarge, fragment).commit();

        }

    }

@Override
    public void onResume() {
        // TODO Auto-generated method stub
        super.onResume();
        if (map == null) {
            System.out.println("map is null");
            map = fragment.getMap();
  }

我正在以编程方式添加地图片段(在Actionbar.Tab中显示mapview的工作) 任何帮助将不胜感激!

1 个答案:

答案 0 :(得分:0)

这是我的答案,它可能对某人有所帮助。我所做的是将工具栏放在CoordinatorLayout内,并将一些边距应用到AppBarLayout

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/main_content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context=".activity.MapActivity">

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="10dp"
    android:theme="@style/AppTheme.AppBarOverlay">

    <include layout="@layout/toolbar" />

</android.support.design.widget.AppBarLayout>

<fragment xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/map"
    android:name="com.google.android.gms.maps.SupportMapFragment"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

</android.support.design.widget.CoordinatorLayout>

以下是上述代码的输出。

enter image description here