使用Google Maps API v2的ViewPager:神秘的黑色视图

时间:2012-12-12 10:28:35

标签: android google-maps android-viewpager

我在视图寻呼机中集成了新的google maps api v2片段。从地图片段滚动时,黑色视图与相邻片段重叠。有人解决了吗?

编辑:截图

enter image description here

public static class PagerAdapter extends FragmentPagerAdapter{

    public PagerAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public int getCount() {
        return NUM_ITEMS;
    }

    @Override
    public Fragment getItem(int position) {

        Fragment pageFragment;

        switch (position) {
        case 0:
            pageFragment = new TabAFragment();
            break;

        case 1:
            pageFragment = new TabBFragment();
            break;

        case 2:
            pageFragment = SupportMapFragment.newInstance();
            break;

        default:
            pageFragment = null;
            break;
        }

        return pageFragment;
    }
}

9 个答案:

答案 0 :(得分:114)

我可以通过在ViewPager内的FrameLayout顶部放置另一个透明背景的视图来停止转换后留下的黑色表面:

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <android.support.v4.view.ViewPager
        android:id="@+id/fragment_container"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    </android.support.v4.view.ViewPager>

    <!-- hack to fix ugly black artefact with maps v2 -->
    <FrameLayout 
        android:layout_width="match_parent"
        android:layout_height="match_parent" 
        android:background="@android:color/transparent" />

</FrameLayout>

答案 1 :(得分:43)

与SlidingMenu和ViewPager有同样的问题。我注意到地图片段中的控制按钮在左后方的工件中不是黑色的。 我通过覆盖onCreateView()

MapFragment (SupportMapFragment)方法解决了这个问题
@Override
public View onCreateView(LayoutInflater inflater, 
                         ViewGroup view, 
                         Bundle savedInstance) {

    View layout = super.onCreateView(inflater, view, savedInstance);
    FrameLayout frameLayout = new FrameLayout(getActivity());
    frameLayout.setBackgroundColor(
        getResources().getColor(android.R.color.transparent));
    ((ViewGroup) layout).addView(frameLayout,
        new ViewGroup.LayoutParams(
            LayoutParams.FILL_PARENT, 
            LayoutParams.FILL_PARENT
        )
    );
    return layout;
}

答案 2 :(得分:7)

Google为此发布了一个修复程序,但仅适用于4.1+(您不需要下载新版本的PlayServices,它们使用服务器端标志)

以下是我用来绕过问题的方法 - 确保您不会在设备上浪费任何CPU周期&gt; = 4.1

public class FixMapFragment extends SupportMapFragment {

    @Override
    public View onCreateView(LayoutInflater inflater, 
                             ViewGroup container, 
                             Bundle savedInstanceState) {

        View view = super.onCreateView(inflater, container, savedInstanceState);

        // Fix for black background on devices < 4.1
        if (android.os.Build.VERSION.SDK_INT < 
            android.os.Build.VERSION_CODES.JELLY_BEAN) {
            setMapTransparent((ViewGroup) view);
        }
        return view;
    }

    private void setMapTransparent(ViewGroup group) {
        int childCount = group.getChildCount();
        for (int i = 0; i < childCount; i++) {
            View child = group.getChildAt(i);
            if (child instanceof ViewGroup) {
                setMapTransparent((ViewGroup) child);
            } else if (child instanceof SurfaceView) {
                child.setBackgroundColor(0x00000000);
            }
        }
    }
}

答案 3 :(得分:6)

我的解决方法:使用新的snapshot interface from GoogleMap并在滚动页面时显示地图的快照。

这是我设置快照的代码(它与map相同的片段,名为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(make it 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)。

因此,无论何时滚动到地图或从地图滚动,您都会看到它的快照。这对我很有用。

答案 4 :(得分:4)

我在滚动列表视图时出现了同样的黑屏问题,我在同一个屏幕上使用了列表视图的地图片段我已经使用xml 中的神奇属性解决了这个问题我在哪里谈话列表视图只是我们必须把 android:scrollingCache =&#34; false&#34; 。我的问题修复试试这个属性来阻止你的地图中的滞后和闪烁。

答案 5 :(得分:2)

你没有提供太多细节,所以我只能提出这么多建议。我有一个类似的问题,屏幕在寻呼机中的视图之间闪烁。事实证明,第一次在页面之间交换时,mapView会膨胀。

要清楚我的寻呼机中有3页,而我的地图是最后一页。

为了解决这个问题,我发现将关闭屏幕页面的数量设置为2(这在上面的情况下有效),当我的片段启动时,它会立即加载所有视图。

http://developer.android.com/reference/android/support/v4/view/ViewPager.html#setOffscreenPageLimit(int)

答案 6 :(得分:0)

还有一个解决方案可以解决这个问题。我在另一个片段中显示MapFragment。 MapFragment动态添加到FrameLayout中。

解决方案是在滑动菜单的打开和关闭事件上使用frameLayout.setVisibility(View.Visible)和frameLayout.setVisibility(View.Gone)。它需要额外的视图才能添加。黑色区域完全消失了。

getSlidingMenu().setOnOpenListener(
        new OnOpenListener() {
            @Override
            public void onOpen() {
                frameLayout.setVisibility(View.GONE);
            }
        });

getSlidingMenu().setOnClosedListener(
        new OnClosedListener() {

            @Override
            public void onClosed() {
                frameLayout.setVisibility(View.VISIBLE);
            }
        });

答案 7 :(得分:0)

上述方法都不适用于我,甚至其他方法都没有。最后,我选择了部分解决方案。 我通过ViewPager的onPageChangeListener监听页面更改,并在页面开始滚动时隐藏地图,并在停止滚动时再次显示地图。我还添加了一个白色视图,以便在滚动时显示。

答案 8 :(得分:-2)

只需将my custom map fragment复制到您的项目中即可。 如果你的ScrollView顶部和底部都有黑色线条设置为ScrollView android:fadingEdge =“none”

public class CustomMapFragment extends SupportMapFragment {
private OnActivityCreatedListener onActivityCreatedListener;

public CustomMapFragment() {
}

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup view, Bundle savedInstance) {
    View layout = super.onCreateView(inflater, view, savedInstance);

    FrameLayout frameLayout = new FrameLayout(getActivity());
    frameLayout.setBackgroundColor(getResources().getColor(android.R.color.transparent));
    ((ViewGroup) layout).addView(frameLayout,
            new ViewGroup.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT));
    return layout;
}

@Override
public void onActivityCreated(Bundle savedInstanceState) {
    super.onActivityCreated(savedInstanceState);
    if (getOnActivityCreatedListener() != null)
        getOnActivityCreatedListener().onCreated();
}

public OnActivityCreatedListener getOnActivityCreatedListener() {
    return onActivityCreatedListener;
}

public void setOnActivityCreatedListener(
        OnActivityCreatedListener onActivityCreatedListener) {
    this.onActivityCreatedListener = onActivityCreatedListener;
}

public interface OnActivityCreatedListener {
    void onCreated();
}

}