快捷導(dǎo)航

Material Design系列之自定義Behavior支持所有View

更新時(shí)間：2016年09月12日 11:54:32 作者：yanzhenjie1003

這篇文章主要為大家詳細(xì)介紹了Material Design系列之自定義Behavior支持所有View，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了Android自定義Behavior支持所有View ，供大家參考，具體內(nèi)容如下

一、實(shí)現(xiàn)效果圖

這個(gè)右下角的FAB，動(dòng)畫當(dāng)然可以多種多樣，可以放在界面的任何地方，我們這里只舉個(gè)例子。但是v7包中提供的Behavior目前只能是FloatingActionButton來用，所以今天我們實(shí)現(xiàn)的這個(gè)Behavior是支持所有的View的，可以用在ImageView、Button、Layout，只要是繼承View的類都可以用。

二、自定義Behavior和動(dòng)畫的封裝

我們知道Behavior是CoordinatorLayout的一個(gè)子類，Ctrl + T查看它的實(shí)現(xiàn)類目前有如下幾個(gè)：

1. AppBarLayout.Behavior;
2. AppBarLayout.ScrollingViewBehavior;
3. FloatingActionButton.Behavior;
4. Snackbar.Behavior;
5. BottomSheetBehaviro;
6. SwipeDismissBehavior;
7. HeaderBehavior;
8. ViewOffsetBehavior;
9. HeaderScrollingViewBehavior;

其中第1、7是抽象類，8是package保護(hù)的類，9是8的一個(gè)子類，我們回頭再說。

AppBarLayout.ScrollingViewBehavior我們經(jīng)常用，也就是我們?cè)趌ayout xml中經(jīng)常用的：app:layout_behavior="@string/appbar_scrolling_view_behavior"。

Snackbar.Behavior被用于Snackbar，這個(gè)不用多說。

FloatingActionButton.Behavior、BottomSheetBehaviro、SwipeDismissBehavior在文章開頭的幾個(gè)友情鏈接的博客中已經(jīng)講的很清楚了，大家可以回過頭去再看看。

今天講的是自定義Behavior支持所有View作為FAB，那么也就是FloatingActionButton.Behavior了，但是它只支持FloatingActionButton，所以今天我們要自己繼承Behavior來寫DefineBehavior。所以第一步就是打開FloatingActionButton.Behavior的源碼看。

實(shí)現(xiàn)BasicBehavior

首先必須要知道的是CoordinatorLayout.Behavior這個(gè)基類是支持泛型的，看到FloatingActionButton.Behavior后發(fā)先它是限制了引用它的View必須是FloatingActionButton罷了，那我們這里也來學(xué)它繼承一下就OK了。

我們新建一個(gè)類BasicBehavior，把FloatingActionButton.Behavior的代碼拷貝過來，把里面的泛型改為如下：

public class BasicBehavior<T extends View> extends CoordinatorLayout.Behavior<T>;

也就是說只要引用實(shí)現(xiàn)BasicBehavior的類是個(gè)View就可以，所以接著把BasicBehavior里面拷貝的代碼中把引用泛型為FloatingActionButton的地方改為View，嗯覺得打工告成的時(shí)候發(fā)現(xiàn)有幾個(gè)類的包導(dǎo)不進(jìn)來：

仔細(xì)一看，這幾個(gè)類在android.support.design.widget包下，一想肯定這幾個(gè)類是package保護(hù)的類，所以我們?cè)谖覀兊捻?xiàng)目下新建一個(gè)android.support.design.widget包，把實(shí)現(xiàn)BasicBehavior移到新建的包下，發(fā)現(xiàn)問題迎刃而解。

項(xiàng)目源碼和BasicBehavior的完整源代碼下載鏈接請(qǐng)?jiān)谖恼麻_頭或者末尾找。

動(dòng)畫的實(shí)現(xiàn)和簡(jiǎn)化

（沒看之前博客的客觀一定要回過頭看看，一定會(huì)有不一樣的收獲。）
我們?cè)谥暗耐盗胁┛椭校瑢?shí)現(xiàn)View的縮放動(dòng)畫的時(shí)候，尤其是在View被隱藏時(shí)須用如下代碼記錄View移出動(dòng)畫是否執(zhí)行完，因?yàn)樵诮缑婊瑒?dòng)的時(shí)候View移除會(huì)被Behavior一直調(diào)用，所以不能重復(fù)執(zhí)行，需要用一個(gè)值來記錄：

// 記錄View移出動(dòng)畫是否執(zhí)行完。
private boolean isOutExecute = false;

private ViewPropertyAnimatorListener outAnimatorListener = new ViewPropertyAnimatorListener() {
 @Override
 public void onAnimationStart(View view) {
 isOutExecute = true;
 }

 @Override
 public void onAnimationEnd(View view) {
 view.setVisibility(View.GONE);
 isOutExecute = false;
 }

 @Override
 public void onAnimationCancel(View view) {
 isOutExecute = false;
 }
};

為了不在每一個(gè)調(diào)用的地方都寫這么長(zhǎng)一段，我們把這端代碼封裝成一個(gè)類，簡(jiǎn)化如下：

public static class ListenerAnimatorEndBuild {
 // 記錄View移出動(dòng)畫是否執(zhí)行完。
 private boolean isOutExecute = false;

 private ViewPropertyAnimatorListener outAnimatorListener;

 public ListenerAnimatorEndBuild() {
 outAnimatorListener = new ViewPropertyAnimatorListener() {
 @Override
 public void onAnimationStart(View view) {
 isOutExecute = true;
 }
 @Override
 public void onAnimationEnd(View view) {
 view.setVisibility(View.GONE);
 isOutExecute = false;
 }

 @Override
 public void onAnimationCancel(View view) {
 isOutExecute = false;
 }
 };
 }

 // View移出動(dòng)畫是否執(zhí)行完。
 public boolean isFinish() {
 return !isOutExecute;
 }

 // 返回ViewPropertyAnimatorListener。
 public ViewPropertyAnimatorListener build() {
 return outAnimatorListener;
 }
}

這樣一來我們?cè)谟玫臅r(shí)候就只是兩行代碼了：

ListenerAnimatorEndBuild listenerAnimatorEndBuild = new ListenerAnimatorEndBuild();

// 判斷是否執(zhí)行完動(dòng)畫：
listenerAnimatorEndBuild.isFinish();

繼承BasicBehavior實(shí)現(xiàn)DefineBavior

前面定義好了BasicBehavior，這里只需要繼承BasicBehavior實(shí)現(xiàn)我們的動(dòng)畫邏輯：

public class DefineBehavior extends BasicBehavior<View> {

 private ListenerAnimatorEndBuild listenerAnimatorEndBuild;

 public DefineBehavior(Context context, AttributeSet attrs) {
 super(context, attrs);
 listenerAnimatorEndBuild = new ListenerAnimatorEndBuild();
 }

 @Override
 public boolean onStartNestedScroll(CoordinatorLayout coordinatorLayout, View child, View directTargetChild, View target, int nestedScrollAxes) {
 return nestedScrollAxes == ViewCompat.SCROLL_AXIS_VERTICAL;
 }

 @Override
 public void onNestedScroll(CoordinatorLayout coordinatorLayout, View child, View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed) {
// if (dyConsumed > 0 && dyUnconsumed == 0) {
// System.out.println("上滑中。。。");
// }
// if (dyConsumed == 0 && dyUnconsumed > 0) {
// System.out.println("到邊界了還在上滑。。。");
// }
// if (dyConsumed < 0 && dyUnconsumed == 0) {
// System.out.println("下滑中。。。");
// }
// if (dyConsumed == 0 && dyUnconsumed < 0) {
// System.out.println("到邊界了，還在下滑。。。");
// }

 // 這里可以寫你的其他邏輯動(dòng)畫，這里只是舉例子寫了個(gè)縮放動(dòng)畫。
 if ((dyConsumed > 0 || dyUnconsumed > 0) && listenerAnimatorEndBuild.isFinish() && child.getVisibility() == View.VISIBLE) {//往下滑
 scaleHide(child, listenerAnimatorEndBuild.build());
 } else if ((dyConsumed < 0 || dyUnconsumed < 0) && child.getVisibility() != View.VISIBLE) {
 scaleShow(child, null);
 }
 }
}

你可能會(huì)很驚訝，哈哈，不要驚訝，封裝的好久是這么簡(jiǎn)單就能實(shí)現(xiàn)所有的View支持。

三、如何使用

使用和google提供的Behavior一樣，引用完整包名就可以：

app:layout_behavior="com.yanzhenjie.definebehavior.behavior.DefineBehavior"

為了和google提供的Behavior使用一樣簡(jiǎn)單，我們可以String.xml中定義一下這個(gè)string：

<string name="define_behavior">com.yanzhenjie.definebehavior.behavior.DefineBehavior</string>

用的時(shí)候：

app:layout_behavior="@string/define_behavior"

現(xiàn)在我們把原來項(xiàng)目中的FloatingActionButton換成ImageView：

<ImageView
 android:id="@+id/fab"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_gravity="bottom|end"
 android:layout_margin="16dp"
 android:src="@mipmap/ic_launcher"
 app:layout_behavior="@string/define_behavior"
 app:layout_scrollFlags="scroll|enterAlways|snap" />

好吧，OK了，具體效果大家下載源碼：http://xiazai.jb51.net/201609/yuanma/AndroidDefineBehavior(jb51.net).rar

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: