美文网首页
Android Design 自定义Behavior

Android Design 自定义Behavior

作者: 844b9a3a3a68 | 来源:发表于2018-04-19 17:17 被阅读218次

自从Android推出Design后,就广受各位开发者的喜爱,因为以前很多高级特效都需要我们自己去写,而现在Design库内置类很多实用的控件,很多复杂的需求用设个库就能满足,记得以前写自定义控件就经常遇到触摸事件方面的问题,比如外层ViewGroup将事件拦截后,在通过某些特定操作后,将事件还给内部子View处理,这种事件处理就很麻烦,因为在一次事件中外部ViewGroup一旦拦截了事件,子类就将无法再次接受这次事件,在处理某些组合操作时,显得不太流畅,而Design库中提供了一个神奇的控件CoordinatorLayout就能解决这类问题,CoordinatorLayout能将内部所有控件的事件串联起来,相互监听,让我们监听其他控件的状态,并执行自己对应的操作。

接下来我们先自定义一个Behavior,来达到下面演示的效果:

演示.gif

从上面动图可以看出,这个动画实现非常简单,就是在AppBarLayout折叠的同时将底部栏慢慢移出屏幕,移动的数值就是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"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="56dp"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.v7.widget.Toolbar
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_scrollFlags="scroll|enterAlways|snap"
            app:logo="@mipmap/ic_launcher"
            app:navigationIcon="@mipmap/ic_launcher"
            app:title="这是标题" />

    </android.support.design.widget.AppBarLayout>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="56dp"
        android:layout_gravity="bottom"
        android:background="#ccc"
        android:padding="8dp"
        app:layout_behavior="view.peakchao.view.behavior.CustomExpandBehavior">

        <Button
            android:id="@+id/btn_send"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_alignParentRight="true"
            android:background="@android:color/white"
            android:text="发送" />

        <EditText
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginRight="4dp"
            android:layout_toLeftOf="@id/btn_send"
            android:background="@android:color/white"
            android:hint="你想说点什么?"
            android:padding="4dp" />

    </RelativeLayout>

    <ImageView
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_marginBottom="70dp"
        android:layout_marginRight="20dp"
        android:src="@mipmap/ic_launcher"
        app:layout_behavior="view.peakchao.view.behavior.DefineBehavior"
        app:layout_scrollFlags="scroll|enterAlways|snap" />

</android.support.design.widget.CoordinatorLayout>

重点是上面布局中引用了app:layout_behavior这个属性,这个属性指定了当前View的行为:

//这个Behavior是系统自带的
app:layout_behavior="@string/appbar_scrolling_view_behavior"
//这个Behavior是接下来要自定义的
app:layout_behavior="view.peakchao.view.behavior.CustomExpandBehavior"

Behavior自定义的方式也很简单,首先确定我们要监听的View(这里是指AppBarLayout),然后被监听View发生变化时,处理我们需要做的操作。

/**
 * Created by Chao  2018/4/17 on 9:42
 * description
 */

public class CustomExpandBehavior extends CoordinatorLayout.Behavior {

    public CustomExpandBehavior(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    /**
     * 指定监听目标
     *
     * @param parent
     * @param child
     * @param dependency
     * @return
     */
    @Override
    public boolean layoutDependsOn(CoordinatorLayout parent, View child, View dependency) {
        return dependency instanceof AppBarLayout;//这里我们需要监听AppBarLayout的状态。
    }

    /**
     * 指定目标更新时候调用,layoutDependsOn返回true时有效
     *
     * @param parent
     * @param child
     * @param dependency
     * @return
     */
    @Override
    public boolean onDependentViewChanged(CoordinatorLayout parent, View child, View dependency) {
        int delta = dependency.getTop();
        child.setTranslationY(-delta);//当AppBarLayout移动时,将当前View向反方向移动。
        return true;
    }

}

我们在布局中引用时,会两个参数的构造方法,当我们用注解设置Behavior时,会调用无参构造,比如我们上面用到的:

@CoordinatorLayout.DefaultBehavior(AppBarLayout.Behavior.class)
public class AppBarLayout extends LinearLayout {
}

相关文章

网友评论

      本文标题:Android Design 自定义Behavior

      本文链接:https://www.haomeiwen.com/subject/oogwkftx.html