ViewPager con API di Google Maps v2: misteriosa vista nera

Ho integrato il nuovo frammento di google maps api v2 in un view pager. Quando si scorre dal frammento di mappa, una vista nera si sovrappone ai frammenti adiacenti. Qualcuno ha risolto?

Modifica: screenshot

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

Sono stato in grado di impedire che la superficie nera rimanga indietro dopo la transizione posizionando un'altra vista con uno sfondo trasparente sopra l' ViewPagerinterno 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>

Ha avuto lo stesso problema con SlidingMenu e ViewPager. Ho notato che i pulsanti di controllo nel frammento di mappa non sono neri nell'artefatto a sinistra. Ho risolto il problema ignorando il onCreateView()metodo diMapFragment (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 ha rilasciato una correzione per questo, ma solo per 4.1+ (non è necessario scaricare una nuova versione di PlayServices, hanno utilizzato un flag lato server)

Ecco cosa sto usando per aggirare il problema: assicura di non sprecare cicli della CPU su dispositivi> = 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);
            }
        }
    }
}

La mia soluzione alternativa: utilizza la nuova interfaccia snapshot di GoogleMap e visualizza un'istantanea della mappa mentre scorri la pagina.

Ecco il mio codice per impostare lo snapshot (è nello stesso frammento di map, chiamato 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;
    }
}

Dove "mapFragment" è il mio SupportedMapFragment e "iv" è un ImageView (rendilo match_parent).

E qui sto controllando la pergamena:

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

Il mio frammento con mappa (FragmentMap) è in posizione 1, quindi devo controllare lo scorrimento dalla posizione 0 alla 1 e dalla posizione 1 alla 2 (la prima clausola if). "getRegisteredFragment ()" è una funzione nel mio FragmentPagerAdapter personalizzato, in cui ho uno SparseArray (Fragment) chiamato "registeredFragments".

Quindi, ogni volta che scorri verso o dalla tua mappa, ne visualizzi sempre un'istantanea. Questo funziona molto bene per me.

Ho avuto lo stesso problema della schermata nera durante lo scorrimento della visualizzazione elenco, stavo usando il frammento di mappa con visualizzazione elenco nella stessa schermata ho risolto questo problema con l'uso della proprietà magica in xml dove sto parlando visualizzazione elenco, dobbiamo solo mettere Android: scrollingCache = "false". Il mio problema è stato risolto prova questa proprietà per fermare il ritardo e lo sfarfallio nelle tue mappe.

Non hai fornito molti dettagli, quindi posso suggerire solo così tanto. Ho avuto un problema simile a causa dello sfarfallio dello schermo tra le visualizzazioni nel cercapersone. Si è rivelato essere il mapView che si gonfia quando si passa da una pagina all'altra per la prima volta.

Per essere chiari avevo 3 pagine nel mio cercapersone e la mia mappa era l'ultima pagina.

Per risolvere questo problema ho scoperto che impostando il numero di pagine fuori schermo su 2 (questo ha funzionato nel caso sopra) che quando il mio frammento è stato avviato caricava tutte le visualizzazioni contemporaneamente.

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

C'è un'altra soluzione a questo problema. Sto mostrando MapFragment all'interno di un altro frammento. MapFragment viene aggiunto dinamicamente a FrameLayout.

La soluzione è usare frameLayout.setVisibility (View.Visible) e frameLayout.setVisibility (View.Gone) sugli eventi di apertura e chiusura del menu scorrevole. È necessario aggiungere una vista extra. E l'area nera è completamente scomparsa.

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

getSlidingMenu().setOnClosedListener(
        new OnClosedListener() {

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

Nessuno dei metodi sopra ha funzionato per me, nemmeno altri che ho trovato altrove. Infine, ho scelto una soluzione parziale. Ascolto i cambiamenti di pagina tramite onPageChangeListener di ViewPager e nascondo la mappa quando la sua pagina inizia a scorrere, e allo stesso modo la mostro di nuovo quando smette di scorrere. Ho anche aggiunto una vista bianca da visualizzare durante lo scorrimento.

Copia semplicemente il mio frammento di mappa personalizzato nel tuo progetto. E se hai linee nere con ScrollView in alto e in basso impostato sul tuo Android ScrollView: 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();
}

}