如何防止BottomNavigationView动画出现口吃

时间:2018-03-09 21:14:53

标签: android bottomnavigationview android-architecture-components

(首先:不,这不是上述问题的重复:P读,然后按下按钮。)

我在我的一个应用程序中使用BottomNavigationView,使用列表加载Fragments,从ViewModel / LiveData / Dao获取数据。当通过BNV选择片段时,似乎它的动画以某种方式与片段加载争夺UI-Thread时间,导致它仅在列表显示后完全完成 - 这让我感到困惑。我的印象是,默认情况下LiveData调用是处理异步的吗?

Stuttering gif

这是一个众所周知的事情吗?

视图模型

public class ScheduleViewModel extends ViewModel {
    private final LiveData<List<ScheduleInfo>> arrivals;
    private final LiveData<List<ScheduleInfo>> departures;

    public ScheduleViewModel() {
        arrivals = SigmoDb.schedule().getArrivals();
        departures = SigmoDb.schedule().getDepartures();
    }

    public LiveData<List<ScheduleInfo>> getArrivals() {
        return arrivals;
    }

    public LiveData<List<ScheduleInfo>> getDepartures() {
        return departures;
    }
}

片段

public class ArrivalsFragment extends MainFragment {
    private ScheduleDetailsAdapter adapter;
    private ScheduleViewModel viewModel;

    private final Observer<List<ScheduleInfo>> arrivalsObserver = new Observer<List<ScheduleInfo>>() {
        @Override
        public void onChanged(@Nullable List<ScheduleInfo> infoList) {
            adapter.setData(infoList);
        }
    };

    public static ArrivalsFragment newInstance() {
        return new ArrivalsFragment();
    }

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        adapter = new ScheduleDetailsAdapter(getActivity());
        // using the parent fragment as LifeCycleOwner, since both its
        // child Fragments use the same ViewModel
        Fragment parent = getParentFragment();
        if (parent == null) {
            parent = this;
        }
        viewModel = ViewModelProviders.of(parent).get(ScheduleViewModel.class);
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        reObserveViewModel();
    }

    // remove and re-add observer until Google fixes the multiple observer issue
    // TODO: remove when Google fixes the issue
    // https://github.com/googlesamples/android-architecture-components/issues/47
    private void reObserveViewModel() {
        viewModel.getArrivals().removeObservers(this);
        viewModel.getArrivals().observe(this, arrivalsObserver);
    }

    @Nullable
    @Override
    public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_arrivals_departures, container, false);

        RecyclerView recyclerView = view.findViewById(R.id.rv_schedule_details);
        LinearLayoutManager llm = new LinearLayoutManager(this.getContext());
        recyclerView.setLayoutManager(llm);
        recyclerView.setAdapter(adapter);
        return view;
    }
}

有关信息:我为ViewModel的构造函数的开始和结束加时间戳(以排除那些调用以某种方式在UI线程上 - 需要1毫秒)。

缩小问题范围

在Robin Davies的回答之后,我尝试了Android Profiler,虽然我偶尔会收到一些GC事件,但我不会一直得到它们,因为每次都有口吃。但是,将观察者中适配器数据的设置延迟100ms似乎让切换到ArrivalsFragment时BNV动画完成:

No stuttering gif

我所做的一切都在改变

private final Observer<List<ScheduleInfo>> arrivalsObserver = new Observer<List<ScheduleInfo>>() {
    @Override
    public void onChanged(@Nullable List<ScheduleInfo> infoList) {
        adapter.setData(infoList);
    }
};

private final Observer<List<ScheduleInfo>> arrivalsObserver = new Observer<List<ScheduleInfo>>() {
    @Override
    public void onChanged(@Nullable final List<ScheduleInfo> infoList) {
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                adapter.setData(infoList);
            }
        }, 100);
    }
};

所以看来这部分答案

  

此外,如果您将列表结果发布回前台线程并且   在动画运行时填充适配器,这将强制执行   布局传递将干扰动画。

是我在特定情况下苦苦挣扎的那个人。虽然我有点失望,不得不恢复使用延迟来使动画流利,我很高兴找到了罪魁祸首,非常感谢你的帮助:))

1 个答案:

答案 0 :(得分:1)

是的,这是很常见的问题。

假设您已经将重处理移动到后台线程......

如果你在后台线程上做了非常繁重的工作,你可以触发垃圾收集,它可以阻止前台线程长到足以导致口吃。此外,如果您将列表结果发布回前台线程并在动画运行时填充适配器,则会强制执行会干扰动画的布局传递。

尝试使用CPU使用率/性能分析工具来查看前景线程究竟是什么。

要考虑的解决方案是推迟片段的数量,直到动画结束。或者预先填充片段。或者可能在动画运行时阻塞后台线程(可能)。或推迟动画,直到片段被填充和布局(这可能会令人不愉快)。如果问题不是由垃圾收集引起的,则可以延迟适配器的创建/填充,直到动画完成。