9

我正在尝试将 Google Maps Android API v2 集成到我的 Android 应用程序中。我将谷歌地图放在布局的中间。当布局能够适应屏幕时效果很好,但是当布局太大而无法适应,并且用户向下滚动以查看其余内容时,布局的其余部分会被谷歌地图涂黑。请参阅以下屏幕截图:

问题截图

(注意:所有地图手势都被禁用以允许用户滚动。)

我的布局 XML:

<?xml version="1.0" encoding="utf-8"?>
<ScrollView
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:scrollbars="vertical"
android:fillViewport="true" >

<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:padding="20sp" >

    <TextView
        android:id="@+id/race_num"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="14sp"
        android:textSize="@dimen/DetailsTop"
        android:layout_alignParentLeft="true"
        android:layout_toLeftOf="@+id/race_in_chase" />
    <TextView
        android:id="@id/race_in_chase"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/in_the_chase"
        android:textSize="@dimen/DetailsTop"
        android:background="@drawable/inthechase"
        android:paddingLeft="20sp"
        android:paddingRight="20sp"
        android:visibility="gone"
        android:layout_alignParentRight="true" />

    <TextView
        android:id="@+id/race_name"
        style="@style/RaceDetailsName"
        android:layout_below="@id/race_num" />
    <TextView
        android:id="@+id/race_track"
        style="@style/RaceDetailsText"
        android:paddingBottom="20sp"
        android:layout_below="@id/race_name" />

    <TextView
        android:id="@+id/race_time"
        style="@style/RaceDetailsText"
        android:layout_below="@id/race_track" />
    <TextView
        android:id="@+id/race_tv"
        style="@style/RaceDetailsText"
        android:layout_below="@id/race_time" />

    <fragment
        android:id="@+id/map"
        android:layout_width="match_parent"
        android:layout_height="380dp"
        android:layout_marginTop="20sp"
        android:layout_marginBottom="20sp"
        class="com.google.android.gms.maps.SupportMapFragment"
        android:layout_below="@id/race_tv" />

    <TextView
        android:id="@+id/race_track_size"
        style="@style/RaceDetailsText"
        android:layout_below="@id/map" />

</RelativeLayout>

</ScrollView>

我的活动中的地图设置:

private void setUpMapIfNeeded() {
    if (mMap == null) {
        mMap = ((SupportMapFragment) getSupportFragmentManager()
                .findFragmentById(R.id.map)).getMap();
        if (mMap != null) {
            setUpMap();
        }
    }
}

private static final LatLng CHICAGOLAND = new LatLng(41.474856, -88.056928);

private void setUpMap() {
    mMap.setMapType(GoogleMap.MAP_TYPE_SATELLITE);
    mMap.getUiSettings().setZoomControlsEnabled(false);
    mMap.getUiSettings().setAllGesturesEnabled(false);
    CameraPosition cameraPosition = new CameraPosition.Builder()
        .target(CHICAGOLAND)
        .zoom(14.5f)
        .bearing(53)
        .build();
    mMap.moveCamera(CameraUpdateFactory.newCameraPosition(cameraPosition));
}

我的预感是地图片段不喜欢 ScrollView,因为如果整个布局适合屏幕并且不需要滚动,那么布局会很好。地图本身的大小似乎是正确的。中断是视图中剩余项目的确切大小。有谁知道如何摆脱地图下方的停电,以便可以看到下方的 TextView?到目前为止我尝试过的一切都没有奏效。

4

8 回答 8

2

我能够通过 hack 解决这个问题。我扩展了 ScrollView,以便我可以收到有关滚动事件的通知。我使用了Synchronize ScrollView 滚动位置 - android中的 ObservableScrollView 实现。

我添加到我的 onCreate() 中:

ObservableScrollView sv = (ObservableScrollView) findViewById(R.id.scroll);
sv.setScrollViewListener(this);

然后,当我收到滚动更改事件时,我会切换整个视图的可见性,这会强制重新布局,从而防止黑框出现。

public void onScrollChanged(ObservableScrollView sv, int x, int y, int oldx, int oldy) {
    sv.setVisibility(View.GONE);
    sv.setVisibility(View.VISIBLE);
}

我试图使地图视图无效(),并仅切换地图视图的可见性,但都没有奏效。值得庆幸的是,切换整个视图的可见性不会导致任何闪烁或其他奇怪的行为。

可能有更好的解决方案,但在这一点上,这是我发现的唯一似乎可行的方法。

于 2012-12-12T13:05:47.607 回答
1

onPageScrolled通过覆盖FragmentPagerAdapter,我能够针对 Viewpager 中的相同问题调整上述内容:

@Override
public void onPageScrolled(int position, float positionOffset, 
                           int positionOffsetPixels) {
    if ((position == 0 && positionOffsetPixels > 0) ||
        (position == 1 && positionOffsetPixels == 0)) {
        MyFragment blackedOutFragment = (MyFragment) getSupportFragmentManager()
                .findFragmentByTag("android:switcher:" + R.id.pager + ":1");
        if (blackedOutFragment != null) {
            blackedOutFragment.getView().setVisibility(View.GONE);
            blackedOutFragment.getView().setVisibility(View.VISIBLE);
        }
    }
}

Viewpager 中的位置是0包含 MapFragment1的片段,位置是滚动后变黑的片段。

于 2013-01-25T02:47:38.793 回答
1

我的解决方法:利用GoogleMap 的新快照界面,并在滚动页面时显示地图的快照。

这是我设置快照的代码(它与地图在同一个片段中,称为 FragmentMap.java):

public void setSnapshot(int visibility) {
    switch(visibility) {
    case View.GONE:
        if(mapFragment.getView().getVisibility() == View.VISIBLE) {
            getMap().snapshot(new SnapshotReadyCallback() {
                @Override
                public void onSnapshotReady(Bitmap arg0) {
                    iv.setImageBitmap(arg0);
                }
            });
            iv.setVisibility(View.VISIBLE);
            mapFragment.getView().setVisibility(View.GONE);
        }
        break;
    case View.VISIBLE:
        if(mapFragment.getView().getVisibility() == View.GONE) {
            mapFragment.getView().setVisibility(View.VISIBLE);
            iv.setVisibility(View.GONE);
        }
        break;
    }
}

其中“mapFragment”是我的 SupportedMapFragment,“iv”是一个 ImageView(使其成为 match_parent)。

在这里我控制滚动:

pager.setOnPageChangeListener(new OnPageChangeListener() {
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
            if(position == 0 && positionOffsetPixels > 0 || position == 1 && positionOffsetPixels > 0) {
                ((FragmentMap)adapter.getRegisteredFragment(1)).setSnapshot(View.GONE);
            } else if(position == 1 && positionOffsetPixels == 0) {
                ((FragmentMap)adapter.getRegisteredFragment(1)).setSnapshot(View.VISIBLE);
            }
        }
        @Override
        public void onPageScrollStateChanged(int arg0) {}
        @Override
        public void onPageSelected(int arg0) {}
    });

我的带有地图的片段(FragmentMap)位于位置 1,所以我需要控制从位置 0 到 1 以及从位置 1 到 2(第一个 if 子句)的滚动。“getRegisteredFragment()”是我的自定义 FragmentPagerAdapter 中的一个函数,其中我有一个名为“registeredFragments”的 SparseArray(Fragment)。

因此,每当您滚动到地图或从地图滚动时,您总会看到它的快照。这对我来说非常有效。

于 2013-08-14T11:18:32.960 回答
0

你可以使用这个库,

https://github.com/NyxDigital/NiceSupportMapFragment/

这对我来说很好。

于 2013-10-15T21:13:15.967 回答
0

另一种可能性是使用新的 GoogleMap.snapshot() 函数并使用地图的屏幕截图代替,如此所述。

于 2013-08-13T14:59:09.497 回答
0

只是一个实验,但您是否尝试在地图初始化后在 setupMap() 中以编程方式将 TextView 添加到屏幕?

// First, get a handle on the parent RelativeLayout, 
// call it parentRelativeLayout, then…                  

TextView textView = new TextView(getActivity());
RelativeLayout.LayoutParams textLayout = new RelativeLayout.LayoutParams(
    RelativeLayout.MATCH_PARENT, 
    RelativeLayout.MATCH_PARENT
);
textLayout.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM, -1);
textView.setLayoutParams(textLayout);

parentRelativeLayout.addView(textView)
于 2012-12-10T15:23:05.533 回答
0

我的猜测是在 Activity 的初始化期间 MapFragment 的高度为 0。尝试

<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:padding="20sp" >

....

      <TextView
            android:id="@+id/race_track_size"
            style="@style/RaceDetailsText"
            android:layout_alignParentBottom="true"
            android:layout_marginBottom="2dp"/>

</RelativeLayout>
于 2012-12-10T11:45:59.110 回答
0

这应该通过使表面视图透明来解决它

https://github.com/NyxDigital/NiceSupportMapFragment

于 2013-06-25T14:30:01.557 回答