Anroid页面上滑顶部区域隐藏,下滑顶部显示。

实现这种效果使用的是Android的design库,大家可以多研究一下design库,里面的东西还是很丰富的。
接下来直接上代码:
最外层的父布局一定要使用CoordinatorLayout,如果页面已经有父布局的情况下可以用include另外写一个页面。


    
        
           /*
			*这个位置是要放你上滑的时候要隐藏具体的布局
			*/
        
    
	/*
	*下面是你正常的布局
	*/
    
        
        
            
        
    

我们可以通过改变CollapsingToolbarLayout的layout_scrollFlags属性来改变控件消失的方式
layout_scrollFlags配置
在CollapsingToolbarLayout中配置不同layout_scrollFlags属性,会产生不同的效果。

设置为scroll
CollapsingToolbarLayout随着手势一起滑动。
Anroid页面上滑顶部区域隐藏,下滑顶部显示。_第1张图片
设置为enterAlways
下滑时CollapsingToolbarLayout先进入。
Anroid页面上滑顶部区域隐藏,下滑顶部显示。_第2张图片
设置为enterAlwaysCollapsed
下滑时CollapsingToolbarLayout先进入但只显示Toolbar。
Anroid页面上滑顶部区域隐藏,下滑顶部显示。_第3张图片

设置为exitUntilCollapsed
CollapsingToolbarLayout随着手势一起滑动到只显示Toolbar。
Anroid页面上滑顶部区域隐藏,下滑顶部显示。_第4张图片

设置为snap
CollapsingToolbarLayout会根据手势自动滑入滑出。
Anroid页面上滑顶部区域隐藏,下滑顶部显示。_第5张图片
本篇文章到此就结束了,希望可以给大家带来一点帮助!!

你可能感兴趣的:(Anroid页面上滑顶部区域隐藏,下滑顶部显示。)