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

Я создаю простое приложение, используя 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();
            }
        });
    }
}

Фрагмент1.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);
    }
}
2
0
1 042
3
Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

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

Либо:

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

Или:

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

Я попробовал первое решение, предложенное @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();
        }
    }
});

Фрагмент1.java

public void transition(){
    mapView.setAlpha(0f);
}
Ответ принят как подходящий

Использование этого атрибута app:mapbox_renderTextureMode="true" при загрузке карты внутри фрагмента помогло мне.

Другие вопросы по теме