Android Material Design学习之二AppBarLayout

最新推荐文章于 2024-05-04 18:12:25 发布

Amor丶

最新推荐文章于 2024-05-04 18:12:25 发布

阅读量2.4k

点赞数 4

分类专栏： Android

本文链接：https://blog.csdn.net/fxDes/article/details/50405673

版权

Android 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

先来看看官方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

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

<?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的代码如下

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的适配器代码如下

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设置这个监听事件，如下所示

appBarLayout.addOnOffsetChangedListener(new AppBarLayout.OnOffsetChangedListener() {
            @Override
            public void onOffsetChanged(AppBarLayout appBarLayout, int verticalOffset) {
                
            }
        });

比较重要的XML属性