您的位置：首页 > 其它

第三方开源库：ByeBurger 实现标题栏和底部导航栏的出现与隐藏

2016-11-24 18:02 871 查看

简介

一行代码实现标题栏和底部导航栏的出现与隐藏

github地址：https://github.com/githubwing/ByeBurger

滚动时隐藏： 我们希望在用户的屏幕上显示尽可能多的内容。因此，我们决定在向下滚动的时候隐藏导航栏，而向上滚动可以使导航栏重新显现。

效果图





gradle

project
的
build.gradle:


allprojects {
repositories {
jcenter()
maven { url "https://jitpack.io" }
}
}


module
的
build.gradle


compile 'com.github.githubwing:ByeBurger:1.2.2'

//Demo中用到了RecyclerView 和Design中的ui
compile 'com.android.support:recyclerview-v7:25.0.1'
compile 'com.android.support:design:25.0.1'


代码示例

你只需要在布局中，使用
CoordinatorLayout
作为根布局,然后向你的任何
View
中插入一句
app:layout_behavior
属性，即可实现滑动的隐藏和显示。你的标题栏可以是
Toolbar
或者
LinearLayout
或者什么鬼，同样你的底部导航栏可以是最新的
BottomNavigationView
亦或者
TabLayout
在古老一点的
RadioButton
都可以！最新添加了对悬浮按钮的支持。

Demo：
中使用了
Toolbar + BottomNavigationView + FloatingActionbar
,根布局是
CoordinatorLayout


<android.support.design.widget.CoordinatorLayout>

<Viewpager /><--! 这里放你的布局内容，可以是任意view-->
<Toolbar
app:layout_behavior="@string/bye_burger_title_behavior"
/>
<BottomTab
android:layout_gravity="bottom"
app:layout_behavior="@string/bye_burger_bottom_behavior"
/>
<FloatingActionButton
app:layout_behavior="@string/bye_burger_float_behavior"
/>
</android.support.design.widget.CoordinatorLayout>


注意：

CoordinatorLayout
类似于
FrameLayout
，所以注意
xml
层次，
Title
和
Bottom Tab
要在
xml
下方。

只有实现
NestScorll
接口
View
的才可以实现监听，例如
RecyclerView、NestScrollView
。

在
ListView
下，是不生效的。

所有需要隐藏的，必须作为
CoordinatorLayout
的直接子
view
。

API>=15

源码

https://git.oschina.net/libraryDemo/ByeBurgerDemo01
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航