Android Material Design学习之二AppBarLayout

来源：互联网发布：海森矩阵的逆矩阵编辑：程序博客网时间：2024/05/20 03:37

先来看看官方API是怎么描述的

AppBarLayout是一个垂直的线性布局，它是为Android Material Design设计的App Bar，支持手势的滑动

通过setScrollFlags(int)或者通过相关联的xml属性app:layout_scrollFlags给子控件提供想要滑动的behavior

layout_scrollFlags这个属性有四种取值，如下所示：

scroll，this flag should beset for all views that want to scroll off the screen--for views that do not use this flags,they'll remain pinned to the top of the screen

这个值应该给所有想要滚动出屏幕的控件设置，而没有使用这个值的控件，它将固定在屏幕的顶部；

enterAlways，this flag ensures that any downward scroll will cause this view to become visible,enabling the 'quick return' patten

这个值确保任何向下的滚动都能够使这个控件变得可见，启用“快速返回模式”（就是View隐藏后，只有有向下滑的手势就会显示出来）

enterAlwaysCollapsed，When your view has declared a minHeight and you use this flag,your view only enter at its minimum height ,only re-expanding to its full height when the scrolling view has reached it's top

当view设置了minHeigth并且你使用了这个值的时候，view只能以最小的高度进入，并且只有当可滑动的view到达其最顶部的时候这个view才会完全显示出来

exitUntilCollapsed，this flag causes the view to scroll off until it is 'collapsed'(it's minHeight) before exiting

这个值将会让view在滚动出屏幕之前折叠为minHeight

后面我会附上这些值的一些效果图

这个控件直接依赖于CoordinatorLayout，如果将AppBarLayout设置在一个其他的ViewGroup里面，它是没有任何作用的。

AppBarLayout需要一个独立的可以滑动的兄弟控件来告知AppBarLayout什么时候滑动（这个控件必须是实现了NestedScrolling接口的控件），这个绑定的方式可以通过AppBarLayout.ScrollintViewBehavior（这个继承自CoordinaotrLayout.Behavior的类）来完成，这意味着你需要设置你的可滑动控件的behavior为一个AppBarLayout.ScrollingViewBehavior的实例。（app:layout_behavior="@string/appbar_scrolling_view_behavior"）

该介绍的介绍完了，先来看看如下的一段xml代码的效果是什么样的，暂时只用到了CoordinatorLayout和AppBarLayout

废话不多说了，先来个简单的效果图

[html] view plain copy
<?xml version="1.0" encoding="utf-8"?>  
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:app="http://schemas.android.com/apk/res-auto"  
    xmlns:tools="http://schemas.android.com/tools"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    tools:context="com.destiny.androidmaterialdesigndemo.MainActivity">  
  
    <android.support.design.widget.AppBarLayout  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content">  
  
        <TextView  
            android:layout_width="match_parent"  
            android:layout_height="50dp"  
            android:background="#ffff00"  
            android:gravity="center"  
            android:text="我是头部可以向上滑动出去的TextView"  
            android:textSize="20sp"  
            app:layout_scrollFlags="scroll|enterAlways" />  
  
        <TextView  
            android:layout_width="match_parent"  
            android:layout_height="50dp"  
            android:background="#ff00ff"  
            android:gravity="center"  
            android:text="滑动到我这里就不能滑动了哟"  
            android:textSize="20sp" />  
  
    </android.support.design.widget.AppBarLayout>  
  
    <android.support.v7.widget.RecyclerView  
        android:id="@+id/recyclerview"  
        android:layout_width="match_parent"  
        android:layout_height="match_parent"  
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />  
  
</android.support.design.widget.CoordinatorLayout>  

这里只是举一个比较简单的例子，后面讲了更多的design包的控件再来复杂化我们的布局

Activity的代码如下

[java] view plain copy
import android.os.Bundle;  
import android.support.v7.app.AppCompatActivity;  
import android.support.v7.widget.LinearLayoutManager;  
import android.support.v7.widget.RecyclerView;  
  
import java.util.ArrayList;  
import java.util.List;  
  
public class MainActivity extends AppCompatActivity {  
  
    private RecyclerView recyclerView;  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
  
        recyclerView = (RecyclerView) findViewById(R.id.recyclerview);  
  
        List<String> data = new ArrayList<>();  
        for (int i = 0; i < 50; i++) {  
            data.add("行数-----" + i);  
        }  
        recyclerView.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false));  
        recyclerView.setAdapter(new MyAdapter(this, data));  
    }  
  
}  

RecyclerView的适配器代码如下

[java] view plain copy
import android.content.Context;  
import android.support.v7.widget.RecyclerView;  
import android.view.LayoutInflater;  
import android.view.View;  
import android.view.ViewGroup;  
import android.widget.TextView;  
  
import java.util.List;  
  
public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> {  
  
    private List<String> data;  
    private Context context;  
  
    public MyAdapter(Context context, List<String> data) {  
        this.context = context;  
        this.data = data;  
    }  
  
    @Override  
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {  
        View view = LayoutInflater.from(context).inflate(android.R.layout.simple_list_item_1, parent, false);  
        return new ViewHolder(view);  
    }  
  
    @Override  
    public void onBindViewHolder(ViewHolder holder, int position) {  
        holder.txt.setText(data.get(position));  
    }  
  
    @Override  
    public int getItemCount() {  
        return data == null ? 0 : data.size();  
    }  
  
    class ViewHolder extends RecyclerView.ViewHolder {  
  
        private TextView txt;  
  
        public ViewHolder(View itemView) {  
            super(itemView);  
            txt = (TextView) itemView.findViewById(android.R.id.text1);  
        }  
    }  
}  

是不是非常的简单，当然了，这里才用了几个比较简单的控件呢。不要着急，后续我们研究了其他的design包控件，再来丰富。还是先随我继续看看官方API文档吧！

AppBarLayout.OnOffsetChangeListener

当AppBarLayout的的垂直偏移量发生改变的时候会回调的接口，可以给AppBarLayout设置这个监听事件，如下所示

[java] view plain copy
appBarLayout.addOnOffsetChangedListener(new AppBarLayout.OnOffsetChangedListener() {  
            @Override  
            public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) {  
                  
            }  
        });  

比较重要的XML属性

[html] view plain copy
android.support.design:expanded  

定义AppBarLayout的初始化扩张状态，只有当AppBarLayout作为CooridnatorLayout的直接子控件的时候才会有效，这个属性的值必须boolean类型的，默认值是true，表示AppBarLayout的初始状态是扩张的