ViewPager พร้อม Google Maps API v2: มุมมองสีดำลึกลับ

ฉันได้รวมส่วนใหม่ของ google maps api v2 ไว้ในมุมมองเพจเจอร์ เมื่อเลื่อนจากส่วนแผนที่มุมมองสีดำจะซ้อนทับส่วนที่อยู่ติดกัน มีใครแก้บ้าง?

แก้ไข: ภาพหน้าจอ

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

ฉันสามารถหยุดพื้นผิวสีดำที่ถูกทิ้งไว้ข้างหลังหลังจากการเปลี่ยนแปลงได้โดยวางมุมมองอื่นโดยให้พื้นหลังโปร่งใสอยู่ด้านบนของด้านViewPagerใน 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>

มีปัญหาเดียวกันกับ 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;
}

Google เปิดตัวการแก้ไขสำหรับสิ่งนี้ แต่สำหรับ 4.1+ เท่านั้น (คุณไม่จำเป็นต้องดาวน์โหลด PlayServices เวอร์ชันใหม่พวกเขาใช้แฟล็กฝั่งเซิร์ฟเวอร์)

นี่คือสิ่งที่ฉันใช้เพื่อหลีกเลี่ยงปัญหา - มั่นใจได้ว่าคุณจะไม่เสียรอบ CPU บนอุปกรณ์> = 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);
            }
        }
    }
}

วิธีแก้ปัญหาของฉัน: ใช้ประโยชน์จากอินเทอร์เฟซภาพรวมใหม่จาก GoogleMapและแสดงภาพรวมของแผนที่ขณะเลื่อนหน้า

นี่คือรหัสของฉันในการตั้งค่า snapshot (อยู่ในส่วนเดียวกับแผนที่เรียกว่า 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-clause แรก) "getRegisteredFragment ()" เป็นฟังก์ชันใน FragmentPagerAdapter แบบกำหนดเองของฉันซึ่งฉันมี SparseArray (Fragment) ที่เรียกว่า "registerFragments"

ดังนั้นเมื่อใดก็ตามที่คุณเลื่อนไปมาหรือจากแผนที่คุณจะเห็นภาพรวมของแผนที่นั้นเสมอ สิ่งนี้ได้ผลดีสำหรับฉัน

ฉันมีปัญหาหน้าจอสีดำเหมือนกันในการเลื่อนดูรายการฉันใช้ส่วนแผนที่กับมุมมองรายการในหน้าจอเดียวกันฉันได้แก้ไขปัญหานี้ด้วยการใช้คุณสมบัติวิเศษใน xmlที่ฉันกำลังพูดถึงมุมมองรายการเพียงแค่เราต้องใส่android: scrollingCache = "false"ปัญหาของฉันได้รับการแก้ไขแล้วลองใช้คุณสมบัตินี้เพื่อหยุดการล้าหลังและการกะพริบในแผนที่ของคุณ

คุณไม่ได้ให้รายละเอียดมากนักจึงมีเพียงฉันแนะนำได้มาก ฉันมีปัญหาคล้ายกันที่หน้าจอกะพริบระหว่างมุมมองในเพจเจอร์ มันกลายเป็น mapView ที่พองตัวเมื่อสลับระหว่างหน้าในครั้งแรก

เพื่อความชัดเจนฉันมีเพจเจอร์ 3 หน้าและแผนที่ของฉันคือหน้าสุดท้าย

ในการแก้ปัญหานี้ฉันพบว่าการตั้งค่าจำนวนหน้าปิดหน้าจอเป็น 2 (ซึ่งใช้ได้ผลในกรณีด้านบน) ซึ่งเมื่อส่วนของฉันเริ่มต้นมันจะโหลดมุมมองทั้งหมดพร้อมกัน

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

มีอีกหนึ่งวิธีแก้ปัญหานี้ ฉันกำลังแสดง 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);
            }
        });

วิธีใดข้างต้นไม่ได้ผลสำหรับฉันแม้แต่วิธีอื่นที่ฉันพบจากที่อื่น สุดท้ายฉันเลือกวิธีแก้ปัญหาบางส่วน ฉันรับฟังการเปลี่ยนแปลงหน้าผ่าน onPageChangeListener ของ ViewPager และซ่อนแผนที่เมื่อหน้าเริ่มเลื่อนและในทำนองเดียวกันจะแสดงอีกครั้งเมื่อหยุดเลื่อน ฉันยังได้เพิ่มมุมมองสีขาวที่จะแสดงเมื่อเลื่อน

เพียงแค่คัดลอกส่วนแผนที่ที่กำหนดเองของฉันไปยังโครงการของคุณ และถ้าคุณมีเส้นสีดำพร้อม 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();
}

}