ViewPager z Google Maps API v2: tajemniczy czarny widok

Zintegrowałem nowy fragment google maps api v2 w pager widoku. Podczas przewijania z fragmentu mapy czarny widok zachodzi na sąsiednie fragmenty. Ktoś rozwiązał?

Edycja: zrzut ekranu

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;
    }
}

Udało mi się zatrzymać pozostawienie czarnej powierzchni po przejściu, umieszczając inny widok z przezroczystym tłem na górze ViewPagerwewnątrz a 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>

Miałem ten sam problem z SlidingMenu i ViewPager. Zauważyłem, że przyciski sterujące we fragmencie mapy nie są czarne w lewym artefakcie. Rozwiązałem problem, zastępując onCreateView()metodę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;
}

Google wydało poprawkę, ale tylko dla 4.1+ (nie musisz pobierać nowej wersji PlayServices, użyli flagi po stronie serwera)

Oto, czego używam, aby ominąć ten problem - zapewnia, że ​​nie marnujesz żadnych cykli procesora na urządzeniach> = 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);
            }
        }
    }
}

Moje obejście: skorzystaj z nowego interfejsu migawki z GoogleMap i wyświetl migawkę mapy podczas przewijania strony.

Oto mój kod do ustawiania migawki (znajduje się w tym samym fragmencie co mapa, o nazwie 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;
    }
}

Gdzie „mapFragment” to mój SupportedMapFragment, a „iv” to ImageView (ustaw go jako match_parent).

I tutaj kontroluję zwoje:

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) {}
    });

Mój fragment z mapą (FragmentMap) znajduje się na pozycji 1, więc muszę kontrolować przewijanie od pozycji 0 do 1 i od pozycji 1 do 2 (pierwsza klauzula if). „getRegisteredFragment ()” to funkcja w moim niestandardowym FragmentPagerAdapter, w której mam SparseArray (Fragment) o nazwie „registeredFragments”.

Tak więc za każdym razem, gdy przewijasz do lub z mapy, zawsze widzisz jej migawkę. U mnie to działa bardzo dobrze.

Miałem ten sam problem z czarnym ekranem przy przewijaniu widoku listy, użyłem fragmentu mapy z widokiem listy na tym samym ekranie, rozwiązałem ten problem z użyciem magicznej właściwości w xml, gdzie mówię o widoku listy, tylko musimy umieścić androida: scrollingCache = "false". mój problem został rozwiązany. Wypróbuj tę właściwość, aby zatrzymać opóźnienia i migotanie na mapach.

Nie podałeś zbyt wielu szczegółów, więc mogę tylko zasugerować. Miałem podobny problem, że ekran migotał między widokami na pagerze. Okazało się, że mapView napompował się podczas pierwszej zamiany stron.

Dla jasności miałem 3 strony na moim pagerze, a moja mapa była ostatnią stroną.

Aby rozwiązać ten problem, stwierdziłem, że ustawiając liczbę stron poza ekranem na 2 (zadziałało to w powyższym przypadku), że kiedy mój fragment zaczął się, ładował wszystkie widoki naraz.

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

Jest jeszcze jedno rozwiązanie tego problemu. Pokazuję MapFragment w innym fragmencie. MapFragment jest dynamicznie dodawany do FrameLayout.

Rozwiązaniem jest użycie frameLayout.setVisibility (View.Visible) i frameLayout.setVisibility (View.Gone) do otwierania i zamykania zdarzeń menu przesuwanego. Nie wymaga to dodatkowego widoku. A czarny obszar całkowicie zniknął.

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

getSlidingMenu().setOnClosedListener(
        new OnClosedListener() {

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

Żadna z powyższych metod nie działała dla mnie, nawet inne, które znalazłem gdzie indziej. Wreszcie wybrałem częściowe rozwiązanie. Nasłuchuję zmian na stronie za pośrednictwem narzędzia onPageChangeListener ViewPagera i ukrywam mapę, gdy jej strona zaczyna się przewijać, i podobnie pokazuję ją ponownie, gdy przestaje się przewijać. Dodałem również biały widok, który ma być wyświetlany podczas przewijania.

Po prostu skopiuj mój niestandardowy fragment mapy do swojego projektu. A jeśli masz czarne linie z ScrollView na górze i na dole ustawionym na 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();
}

}