Как исправить черный экран при замене SupportMapFragment

Question

Я создаю простое приложение, используя Mapbox (используя mapbox-android-sdk: 7.1.0) во фрагменте.

У меня есть действие, состоящее из FrameLayout (содержащего фрагменты) икнопка.

В начале Fragment1 (содержащий карту) отображается в FrameLayout.Когда пользователь нажимает кнопку, Fragment1 заменяется Fragment2 (содержащим TextView).

Во время перехода появляется короткий черный экран.

Когда я использую Mapbox в действииУ меня нет никаких проблем, Кажется, это происходит, когда вызывается метод onDestroyView ().

MainActivity.java:

public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // Load Fragment1 containing the map
        getSupportFragmentManager().beginTransaction().replace(R.id.fragment_container, new Fragment1()).commit();


        AppCompatButton button = findViewById(R.id.btn_changeFragment);
        button.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {
                // Load Fragment2 containing a TextView
                getSupportFragmentManager().beginTransaction().replace(R.id.fragment_container, new Fragment2()).addToBackStack(null).commit();
            }
        });
    }
}

Fragment1.java:

public class Fragment1 extends SupportMapFragment {
    private MapView mapView;

    public Fragment1(){}

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        Mapbox.getInstance(getContext(), getString(R.string.mapbox_token));
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        super.onCreateView(inflater, container, savedInstanceState);
        View view = inflater.inflate(R.layout.fragment_1, container, false);
        mapView = view.findViewById(R.id.mapView);
        mapView.onCreate(savedInstanceState);
        mapView.getMapAsync(new OnMapReadyCallback() {
            @Override
            public void onMapReady(@NonNull final MapboxMap mapboxMap) {
                mapboxMap.setStyle(Style.LIGHT, new Style.OnStyleLoaded() {
                    @Override
                    public void onStyleLoaded(@NonNull Style style) {
                        // Configure the map
                    }
                });
            }
        });

        return view;
    }

    @Override
    public void onStart() {
        super.onStart();
        mapView.onStart();
    }

    @Override
    public void onResume() {
        super.onResume();
        mapView.onResume();
    }

    @Override
    public void onPause() {
        super.onPause();
        mapView.onPause();
    }

    @Override
    public void onStop() {
        super.onStop();
        mapView.onStop();
    }

    @Override
    public void onLowMemory() {
        super.onLowMemory();
        mapView.onLowMemory();
    }

    @Override
    public void onDestroyView() {
        super.onDestroyView();
        mapView.onDestroy();
    }

    @Override
    public void onSaveInstanceState(Bundle outState) {
        super.onSaveInstanceState(outState);
        mapView.onSaveInstanceState(outState);
    }
}

Answer 1

Я попробовал первое решение, предложенное @riastrad, но я не нашел, как создать растровое изображение mapView (у меня всегда был белый экран с логотипом mapbox внизу).

В любом случае,Я попытался использовать setAlpha, чтобы изменить непрозрачность mapView, и это работает.Я действительно не знаю, почему это не работает с setVisibility(View.INVISIBLE).

Поэтому, прежде чем загрузить Fragment2, я вызываю метод из Fragment1, чтобы установить непрозрачность mapView равным 0.

MainActivity.java

button.setOnClickListener(new View.OnClickListener() {
    public void onClick(View v) {
        Fragment currentFragment = getSupportFragmentManager().findFragmentById(R.id.fragment_container);
        if(currentFragment instanceof Fragment1){
            // Set the opacity of the mapView to 0
            ((Fragment1) currentFragment).transition();
            // Load Fragment2 containing a TextView
            getSupportFragmentManager().beginTransaction().replace(R.id.fragment_container, new Fragment2()).addToBackStack(null).commit();
        }else {
            getSupportFragmentManager().popBackStack();
        }
    }
});

Fragment1.java

public void transition(){
    mapView.setAlpha(0f);
}

Answer 2

Использование этого приложения Attribute: mapbox_renderTextureMode = "true", пока загрузка mapview внутри фрагмента сделала свое дело.

Answer 3

Это известная проблема, связанная с поведением MapFragment: https://github.com/mapbox/mapbox-gl-native/issues/9570. Для каждого билета в настоящее время существует два возможных способа решения этой проблемы в вашем приложении.

Либо :

1. Используйте растровое изображение карты в ImageView при переходе вместо MapView.Затем вы можете сделать MapView видимым как часть обратного вызова OnMapReady в вашей активности.

Или :

Вместо этого используйте реализацию TextureView.Это можно включить с помощью атрибутов MapboxMapOptions или .xml.Также следует помнить, что это решение может привести к проблемам с производительностью в будущем.