android棒棒糖工具栏：如何在滚动时隐藏/显示工具栏？

Question

我正在使用appcompat / support-v7中引入的新工具栏小部件。 我想隐藏/显示工具栏，具体取决于用户是否在页面上下滚动，就像在新的Google Playstore应用程序或NewsStand应用程序中一样。 工具栏小部件中是否有内置的东西，或者我应该将它与FrameLayout和ObservableScrollView结合使用？

Answer 1

据我所知，没有什么可以为你做的。 但是，您可以查看Google IO源代码，尤其是BaseActivity 。 搜索“自动隐藏”或查看onMainContentScrolled

为了隐藏Toolbar您可以执行以下操作：

toolbar.animate().translationY(-toolbar.getBottom()).setInterpolator(new AccelerateInterpolator()).start();

如果您想再次显示它，请致电：

toolbar.animate().translationY(0).setInterpolator(new DecelerateInterpolator()).start();

Answer 2

要隐藏工具栏，您可以执行以下操作：

getSupportActionBar().hide();

所以你只需要一个滚动监听器并在用户滚动时隐藏工具栏！

Answer 3

隐藏：

getSupportActionBar().hide();

节目：

getSupportActionBar().show();

Answer 4

答案很简单。 只需实现OnScrollListener并在监听器中隐藏/显示工具栏。 例如，如果您有listview / recyclerview / gridview，请按照示例进行操作。

在MainActivity Oncreate方法中，初始化工具栏。

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        toolbar = (Toolbar) findViewById(R.id.toolbar);
        if (toolbar != null) {
            setSupportActionBar(toolbar);
            getSupportActionBar().setDisplayShowHomeEnabled(true);
        }
}

然后实现OnScrollListener

public RecyclerView.OnScrollListener onScrollListener = new RecyclerView.OnScrollListener() {
        boolean hideToolBar = false;
        @Override
        public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
            super.onScrollStateChanged(recyclerView, newState);
            if (hideToolBar) {
                ((ActionBarActivity)getActivity()).getSupportActionBar().hide();
            } else {
                ((ActionBarActivity)getActivity()).getSupportActionBar().show();
            }
        }

        @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            super.onScrolled(recyclerView, dx, dy);
            if (dy > 20) {
                hideToolBar = true;

            } else if (dy < -5) {
                hideToolBar = false;
            }
        }
    };

我得到了这个想法： https ： //stackoverflow.com/a/27063901/1079773

Answer 5

Android设计支持库可用于显示/隐藏工具栏。

看到这个。 http://android-developers.blogspot.kr/2015/05/android-design-support-library.html

这里有详细的样品。 http://inthecheesefactory.com/blog/android-design-support-library-codelab/en

Answer 6

在滚动内容时，实际上有很多方法可以隐藏/显示工具栏。 其中一种方法是通过Android设计支持库或更具体的协调器布局来实现。 超级动力框架布局。

基本上你需要做的就是在你的布局文件中有以下结构，你应该能够达到你想要的结果。

<CoordinatorLayout>
   <AppBarLayout>
   </AppBarLayout>
   <NestedScrollView>
   </NestedScrollView>
</CoordinatorLayout>

我实际上制作了一个视频来解释如何以一步一步的方式完成它。 请随时查看，如果有帮助请告诉我。 谢谢！ :)

https://youtu.be/mEGEVeZK7Nw

Answer 7

我一直在尝试实现相同的行为，这里显示和隐藏工具栏的代码首当其冲（放在包含RecyclerView的任何类中）：

int toolbarMarginOffset = 0

private int dp(int inPixels){
    return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, inPixels, getApplicationContext().getResources().getDisplayMetrics());
}

public RecyclerView.OnScrollListener onScrollListenerToolbarHide = new RecyclerView.OnScrollListener() {
    @Override
    public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
        super.onScrolled(recyclerView, dx, dy);
        toolbarMarginOffset += dy;
        if(toolbarMarginOffset>dp(48)){
            toolbarMarginOffset = dp(48);
        }
        if(toolbarMarginOffset<0){
            toolbarMarginOffset = 0;
        }
        ViewGroup.MarginLayoutParams params = (ViewGroup.MarginLayoutParams)toolbar.getLayoutParams();
        params.topMargin = -1*toolbarMarginOffset; 
        toolbar.setLayoutParams(params);
    }
};

我已经包含了从像素转换为dp的dp函数，但显然将其设置为工具栏高度。 （用工具栏高度替换dp（48））

无论您设置RecyclerView，包括：

yourListView.setOnScrollListener(onScrollListenerToolbarHide);

但是，如果您还使用SwipeRefreshLayout，还有一些其他问题。

我必须将RecyclerView适配器中第一个元素的marginTop设置为工具栏的高度加上原始偏移量。 （我知道有点黑客）。 原因是我发现如果我改变上面的代码以包括更改recyclelerView的marginTop，同时滚动它是一种紧张的经历。 这就是我克服它的方式。 所以基本上设置您的布局，以便您的工具栏浮动在RecyclerView（剪切它）之上这样的东西（在自定义RecyclerView适配器的onBindViewHolder中）：

 if(position==0){
     ViewGroup.MarginLayoutParams params = (ViewGroup.MarginLayoutParams)holder.card.getLayoutParams();
     // params.height = ViewGroup.LayoutParams.WRAP_CONTENT;
     params.topMargin = dp(10+48);
 }

最后，由于存在较大的偏移量，因此RecyclerViews刷新圆圈将被剪裁，因此您需要将其抵消（返回到您的类的onCreate，并持有您的RecyclerView）：

swipeLayout.setProgressViewOffset(true,dp(48),dp(96));

我希望这可以帮助别人。 这是我的第一个详细答案，所以我希望我足够详细。

Answer 8

隐藏特定片段的菜单：

 setHasOptionsMenu(true); //Inside of onCreate in FRAGMENT:  


   @Override
   public void onPrepareOptionsMenu(Menu menu) {
       menu.findItem(R.id.action_search).setVisible(false);
   }

Answer 9

只需在工具栏中添加此属性即可完成

app:layout_scrollFlags="scroll|enterAlways"

不是很棒

Answer 10

我实现了一个实用程序类来滚动时执行整个隐藏/显示工具栏动画。 你可以在http://rylexr.tinbytes.com/2015/04/27/how-to-hideshow-android-toolbar-when-scrolling-google-play-musics-behavior/看到这篇文章。 源代码在这里https://github.com/rylexr/android-show-hide-toolbar 。

Answer 11

可以在此处下载包含滚动工具栏或任何类型标题的完整源代码的库和演示：

https://github.com/JohannBlake/JBHeaderScroll

标题可以是工具栏，LinearLayouts，RelativeLayouts或用于创建标题的任何类型的视图。

可滚动区域可以是任何类型的滚动内容，包括ListView，ScrollView，WebView，RecyclerView，RelativeLayout，LinearLayout或任何您想要的内容。

甚至支持嵌套标题。

将报头（工具栏）和可滚动内容按照Google报亭中的方式进行同步确实是一项复杂的工作。

该库不需要实现任何类型的onScrollListener。

其他人列出的解决方案只是半生不熟的解决方案，没有考虑到工具栏下方的可滚动内容区域的顶部边缘最初必须与工具栏的底部边缘对齐，然后在滚动内容区域时需要重新定位并可能调整大小。 JBHeaderScroll处理所有这些问题。

Answer 12

有一个名为Android设计支持库的Android库，它是一个方便的库，您可以在其中找到材料文档提供的所有材料花哨设计内容，而无需告诉您如何执行它们。

它在Android博客文章中得到了很好的体现 。 特别是“折叠工具栏”就是你要找的东西。