CoordinatorLayout 的滑动处理

预览

CoordinatorLayout 扩展了许多能实现 Google Material Design scrolling effects（滚动技巧） 的效果，目前，这个框架内提供了几种方法使它并不需要自定义动画就可以运行，有以下几种效果：

代码示例

来自 Google 的 Chris Banes 将 CoordinatorLayout 和其它 design support library 特征融合在一起做的一个 demo，源代码可从 github 上查找，这个项目是让你理解 CoordinatorLayout 最好的路线之一

使用

确定遵循 Design Support Library 使用说明

Floating Action Buttons and Snackbars

扩展或收缩 Toolbars

第一步确定你没有使用过时的那个 ActionBar。第二步确定遵循 Using the ToolBar as ActionBar 说明。第三步确定 CoordinatorLayout 是布局文件的容器

对滑动事件的响应

接下来，我们要让 ToolBar 对滑动事件作出响应，我们使用 AppBarLayout 来作为容器：

注意：根据 Goolge 官方文档，官方希望 AppBarLayout 作为第一个子 view 嵌套在 CoordinatorLayout 中。
然后，我们在 AppBarLayout 和 你所想要滑动的 View 之间建立一个联系。 给 RecyclerView 或者其它例如 NestedScrollView 一样能够使用滑动的 View 添加一个属性 app:layout_behavior。support library 中包含了一个特别的字符串资源 @string/appbar_scrolling_view_behavior，它映射自 AppBarLayout.ScrollingViewBehavior，当指定视图的滑动事件发生了，它就用来通知 AppBarLayout。这个 behavior 属性必须添加在触发滑动事件的那个 view 上。

当 CoordinatorLayout 发现 RecyclerView 中声明了这个属性的话，它就会查询其他的 views，找到任何与这个 behavior 有关的 views，在这个例子当中，AppBarLayout.ScrollingViewBehavior 描述了 RecyclerView 和 AppBarLayout 之间的依赖关系，RecyclerView 的任何滑动事件都会触发 AppBarLayout 或者其它的包含这个属性的 views的改变。

通过使用 app:layout_scrollFlags 属性，RecyclerView 的滑动事件会改变 AppBarLayout 的子 views：

The scroll flag used within the attribute app:layout_scrollFlags must be enabled for any scroll effects to take into effect.（抱歉翻译不到），这个 flag 必须与 enterAlways，enterAlwaysCollapsed，exitUntiCollapsed或者 snap 一起使用：

注意：一定要记得设置 scroll，这样的话，在顶部的被折叠的 view 才会首先退出。

至此，你应该理解了 Toolbar 对滑动事件的响应。

构建折叠效果

如果我们想做一个 Toolbar 的折叠效果，我们必须要用 CollapsingToolbarLayout 来作为 Toolbar 的父布局：

效果如下图所示：

一般情况下，我们需要给 Toolbar 设置标题，现在我们给 CollapsingToolBarLayout 设置标题而不是 Toolbar。

CollapsingToolbarLayout collapsingToolbar = (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar);
 collapsingToolbar.setTitle("Title");

注意当使用 CollapsingToolbarLayout 时，系统状态栏应该设置成半透明（API 19）的或透明的（API 21），就像这个文件 。特别地，下面的样式应该写在 res/values-xx/styles.xml 中以示说明：

通过使用上面的半透明系统状态栏，你的布局应该填充了系统状态栏以外的区域，所以你应该声明 android:fitsSystemWindow 来让系统状态栏不要覆盖了属于你布局的那部分。对于 API 19，还有一种方法就是使用 padding 来避免系统状态栏遮挡住 views。

构建视差动画

CollapsingToolbarLayout 也可以让我们使用更多的高级动画，构建 ImageView 在折叠过程中渐出的效果。标题栏也是同样可以随着滑动改变的。

为了做出这种效果，我们添加一个 ImageView 并且添加一个 app:layout_collapseMode="parallax" 属性。

底部动作条

现在在 support design library v23.2 版本中支持底部动作条，当前底部动作条支持两种类型： persistent 和 modal 。persistent 底部动作条是显示 App 内部的内容，而 modal 底部动作条则是显式菜单或者一个简单的 dialogs。

持久性形式动作条（Persistent Modal Sheets）

有两种方法可以创建持久性形式动作条。第一种方法是使用 NestedScrollView，只是简单地在该视图中嵌入内容。第二种方法就是使用一个 RecyclerView 嵌套在一个 CoordinatorLayout 中。如果这个 RecyclerView 的 layout_behavior 的值是预定义的 @string/bottom_sheet_behavior 那么默认情况下 RecyclerView 是隐藏的。同时需要注意的是，RecyclerView 应该使用 wrap_content 而不是 match_parent，这样就可以允许底部动作条只会占用所需要的地方而不是整个页面：

后面一步就是创建 RecyclerView 元素。我们使用一个简单的包含图片和文字的 Item，还有一个能引入这些 items 的适配器。

public class Item {

    private int mDrawableRes;

    private String mTitle;

    public Item(@DrawableRes int drawable, String title) {
        mDrawableRes = drawable;
        mTitle = title;
    }

    public int getDrawableResource() {
        return mDrawableRes;
    }

    public String getTitle() {
        return mTitle;
    }

}

然后我们创建适配器：

public class ItemAdapter extends RecyclerView.Adapter {

    private List mItems;

    public ItemAdapter(List items, ItemListener listener) {
        mItems = items;
        mListener = listener;
    }

    public void setListener(ItemListener listener) {
        mListener = listener;
    }

    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        return new ViewHolder(LayoutInflater.from(parent.getContext())
                .inflate(R.layout.adapter, parent, false));
    }

    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        holder.setData(mItems.get(position));
    }

    @Override
    public int getItemCount() {
        return mItems.size();
    }

    public class ViewHolder extends RecyclerView.ViewHolder implements View.OnClickListener {

        public ImageView imageView;
        public TextView textView;
        public Item item;

        public ViewHolder(View itemView) {
            super(itemView);
            itemView.setOnClickListener(this);
            imageView = (ImageView) itemView.findViewById(R.id.imageView);
            textView = (TextView) itemView.findViewById(R.id.textView);
        }

        public void setData(Item item) {
            this.item = item;
            imageView.setImageResource(item.getDrawableResource());
            textView.setText(item.getTitle());
        }

        @Override
        public void onClick(View v) {
            if (mListener != null) {
                mListener.onItemClick(item);
            }
        }
    }

    public interface ItemListener {
        void onItemClick(Item item);
    }
}

底部动作条在默认情况下应该是隐藏的。我们需要通过一个点击事件来触发它显示或者隐藏。注意：不要在 onCreate() 方法中试图去扩展底部动作条，原因在此 。

RecyclerView recyclerView = (RecyclerView) findViewById(R.id.design_bottom_sheet); 

// Create your items
ArrayList items = new ArrayList<>();
items.add(new Item(R.drawable.cheese_1, "Cheese 1"));
items.add(new Item(R.drawable.cheese_2, "Cheese 2"));

// Instantiate adapter
ItemAdapter itemAdapter = new ItemAdapter(items, null);
recyclerView.setAdapter(itemAdapter);

// Set the layout manager
recyclerView.setLayoutManager(new LinearLayoutManager(this));

CoordinatorLayout coordinatorLayout = (CoordinatorLayout) findViewById(R.id.main_content);
final BottomSheetBehavior behavior = BottomSheetBehavior.from(recyclerView);

fab.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
       if(behavior.getState() == BottomSheetBehavior.STATE_COLLAPSED) {
         behavior.setState(BottomSheetBehavior.STATE_EXPANDED);
       } else {
         behavior.setState(BottomSheetBehavior.STATE_COLLAPSED);
       }
    }
});

你也可以设置一个布局属性 app:behavior_hideable="true" 来允许用户可以通过滑动底部动作条来让其消失。还有其他的状态包括 STATE_DRAGGING，STATE_SETTLING，还有 STATE_HIDDEN。更多详情，可以看一下另一篇底部动作条教程 。

形式动作条

形式动作条实际上就是一个 Dialog Fragments（?）。看这篇关于如何创建这些类型的 fragments 的向导 。而不是从 DialogFragment 扩展，你应该从 BottomSheetDialogFragment 扩展。

CoordinatedLayout 的故障排除

CoordinatedLayout 是非常有用但是最开始使用的时候也是很容易出错的。如果你在运行中遇到了协调行为的问题，可以参考一下以下提示：