CoordinatorLayout使用实现酷炫的顶部栏动画

效果图如下:


使用CoordinatorLayout,首先使用Gradle构建时添加一下依赖

compile 'com.android.support:design:24.0.0'

实现此效果用到了CoordinateLayout、AppBarLayout、CollapsingToolbarLayout以及Toolbar,因为有用到ToolBar,而且继承了AppCompatActivity,所以首先需隐藏ActionBar,

在style.xml中加上下面两行。

        false
        true
完整的style.xml如下:



    
    



布局文件activity_main.xml



    

        

            

            


        

    

    

        

    

MainActivity.java

package com.cool.coordinatorlayoutdemo;

import android.graphics.Color;
import android.os.Build;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.Toolbar;
import android.view.WindowManager;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
            getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
            getWindow().setStatusBarColor(Color.TRANSPARENT);
        }
//        else {
//            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
//        }
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        toolbar.setTitle("还有诗和远方");
        setSupportActionBar(toolbar);
    }
}

demo下载链接: http://download.csdn.net/detail/cool_fuwei/9634198


你可能感兴趣的:(Android)