Я создаю простое приложение, используя 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);
}
}
Это известная проблема поведения MapFragment: https://github.com/mapbox/mapbox-gl-native/issues/9570. Согласно заявке, в настоящее время существует два возможных способа решения этой проблемы в вашем приложении.
Либо:
ImageView при переходе вместо MapView. Затем вы можете сделать MapView видимым как часть обратного вызова OnMapReady в своей деятельности.Или:
TextureView. Это можно включить с помощью атрибутов MapboxMapOptions или .xml. Вы также должны иметь в виду, что это решение может привести к проблемам с производительностью в будущем.Я попробовал первое решение, предложенное @riastrad, но не нашел, как сделать растровое изображение из mapView (у меня всегда был белый экран с логотипом mapbox внизу).
Во всяком случае, я попытался использовать setAlpha для изменения непрозрачности mapView, и это работает. Я действительно не знаю, почему это не работает с setVisibility(View.INVISIBLE).
Поэтому, прежде чем загружать Fragment2, я вызываю метод из Fragment1, чтобы установить непрозрачность mapView на 0.
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();
}
}
});
public void transition(){
mapView.setAlpha(0f);
}
Использование этого атрибута app:mapbox_renderTextureMode="true" при загрузке карты внутри фрагмента помогло мне.