协调者布局CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout+Toolbar实现标题渐变效果

一、布局部分代码
xmlns:android=“http://schemas.android.com/apk/res/android”
xmlns:app=“http://schemas.android.com/apk/res-auto”
android:layout_width=“750dp”
android:layout_height=“match_parent”>



    
        
        
            
            
            
            
            
            
            
                
                
            
            
                
                
            
            
                
                
            
            
            
                
                
                    
                    
                    
                    
                    

                
                
                
                    
                    
                    
                    
                    
                    
                    

                
            
        
        

            

                
                
                
                
            
        

    



    

        

    
    

二、通过AppBarLayout的监听事件设置自定义Toolbar背景渐变
代码如何下:
/**

  • 渐变toolbar背景
    /
    private void setAvatorChange() {
    appbar.addOnOffsetChangedListener(new AppBarLayout.OnOffsetChangedListener() {
    @Override
    public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) {
    //verticalOffset始终为0以下的负数
    float percent = (Math.abs(verticalOffset * 1.0f) / appBarLayout.getTotalScrollRange());
    //toolbar渐变效果:
    toolbar.getBackground().setAlpha(Math.round(255
    percent));
    //toolbar渐变效果:如果使用这种方式,还没开始滑动时出现看不见toolbar内容
    //toolbar.setAlpha(percent);
    }
    });
    }

**注意:**如果直接使用toolbar.setAlpha(percent);方法设置透明度,会出现开始时看不到toolbar内容,滑动之后才会出现

你可能感兴趣的:(协调者布局CoordinatorLayout+AppBarLayout+CollapsingToolbarLayout+Toolbar实现标题渐变效果)