如何在滚动时实现文本弹出到工具栏中，就像在Twitter应用程序中一样

Question

在下面的Twitter应用程序中可以看到将文本转换/动画制作到工具栏中：当用户名在工具栏后面时，它会“弹出”到工具栏中。

或者，将文本滚动到工具栏后面并保持不变。

Answer 1

您可以将OnOffsetChangedListener添加到AppBarLayout以确定何时折叠或展开CollapsingToolbarLayout并设置它的标题。

final CollapsingToolbarLayout collapsingToolbarLayout = (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar);
collapsingToolbarLayout.setTitle(" ");

AppBarLayout appBarLayout = (AppBarLayout) findViewById(R.id.app_bar_layout);
appBarLayout.addOnOffsetChangedListener(new AppBarLayout.OnOffsetChangedListener() {
    boolean isShow = false;
    int scrollRange = -1;

    @Override
    public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) {
        if (scrollRange == -1) {
            scrollRange = appBarLayout.getTotalScrollRange();
        }
        if (scrollRange + verticalOffset == 0) {
            collapsingToolbarLayout.setTitle("Title");
            isShow = true;
        } else if(isShow) {
            collapsingToolbarLayout.setTitle(" ");//carefull there should a space between double quote otherwise it wont work
            isShow = false;
        }
    }
});