android中上滑缩进最简单的方法,CoordinatorLayout + CollapsingToolbarLayout

仿造 bilibili 的播放界面+推特的个人中心界面改造的
掌握这种布局后,任何需要上滑缩进的界面,全部可以实现,一劳永逸。
只需要掌握布局和几行监听代码

android中上滑缩进最简单的方法,CoordinatorLayout + CollapsingToolbarLayout_第1张图片
gif效果

代码走起

需要两个包 (如何导入:略) compile 'com.android.support:appcompat-v7:23.4.0' compile 'com.android.support:design:23.4.0'

布局:



          

                
                 
                 
                 
                 
                 
                

                
                

                

                
                

                       
                       

                       
                       

                       
                       

                
  
         
         

          


    
  
     
     
    

        
        

       
        
    

代码:

1.设置沉浸状态栏
//加上版本判断,大于android4.4才有的属性
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {    
      window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);    
}
2.监听actionbar滚动
appbar.addOnOffsetChangedListener(new AppBarLayout.OnOffsetChangedListener() {   
  @Override    
  public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) {          
        //appbar.getTotalScrollRange() 拿到actionbar可滚动的最大距离
        //verticalOffset 当前的滚动距离
         if (Math.abs(verticalOffset) > appbar.getTotalScrollRange()/1.2) {                    
              toolbar.setTitle("文字");        
         } else {           
              toolbar.setTitle("");      
         }    
    }
});

END

如有解释错误,请指出。

你可能感兴趣的:(android中上滑缩进最简单的方法,CoordinatorLayout + CollapsingToolbarLayout)