CoordinatorLayout的使用如此簡(jiǎn)單(Android)
曾在網(wǎng)上找了一些關(guān)于CoordinatorLayout的教程,大部分文章都是把CoordinatorLayout、AppbarLayout、CollapsingToolbarLayout 以及Toolbar等一起使用來(lái)介紹,這讓我不知不覺(jué)在心中認(rèn)為把這幾個(gè)布局要一起使用,而且只是用于那種場(chǎng)景中。其實(shí)CoordinatorLayout的功能并不是局限于與AppBarLayout一起使用,它的功能強(qiáng)大著呢,本文主要對(duì)CoordinatorLayout的使用進(jìn)行介紹,后面再寫一篇文章將AppBarLayout和CollapsingToolBarLayout整合CoordinatorLayout一起。那么到底CoordinatorLayout有多好用,請(qǐng)往下感受吧~
CoordinatorLayout能做什么
在學(xué)習(xí)CoordinatorLayout之前,很有必要了解CoordinatorLayout能幫我們做什么,從名字上可以看出,就是幫我們協(xié)調(diào)子View的。怎么個(gè)協(xié)調(diào)法呢?就是它根據(jù)我們的定制,幫助我們協(xié)調(diào)各個(gè)子View的布局。我們先看一組動(dòng)畫圖~

稍微解釋一下這個(gè)動(dòng)畫,藍(lán)色的矩形是我們一個(gè)普通View,黃色的Hello是一個(gè)Button。我們水平拖動(dòng)藍(lán)色矩形時(shí),黃色Button查著與藍(lán)色矩形相反方向移動(dòng);豎直移動(dòng)藍(lán)色矩形時(shí),黃色也跟著豎直。簡(jiǎn)而言之:它們?cè)谪Q直方向同步移動(dòng),在水平方向相反。
這個(gè)效果如果讓你不用CoordinatorLayout去實(shí)現(xiàn),應(yīng)該沒(méi)有任何問(wèn)題,但是代碼的耦合度應(yīng)該非常大,你的代碼必須要持有2個(gè)View的引用,然后在onTouchEvent里面做各種判斷。如果我們想要實(shí)現(xiàn)的功能是,有更多的View要根據(jù)藍(lán)色的View的移動(dòng)相應(yīng)作出響應(yīng),那么那就得在藍(lán)色View的onTounchEvent里面針對(duì)其他的View處理各種邏輯。這耦合度未免太傷感了~
而CoordinatorLayout既然號(hào)稱能幫我們協(xié)調(diào)子View的布局,我們接下來(lái)看看CoordinatorLayout如何實(shí)現(xiàn)~
CoordinatorLayout使用
CoordinatorLayout的使用核心是Behavior,Behavior就是執(zhí)行你定制的動(dòng)作。在講Behavior之前必須先理解兩個(gè)概念:Child和Dependency,什么意思呢?Child當(dāng)然是子View的意思了,是誰(shuí)的子View呢,當(dāng)然是CoordinatorLayout的子View;其實(shí)Child是指要執(zhí)行動(dòng)作的CoordinatorLayout的子View。而Dependency是指Child依賴的View。比如上面的gif圖中,藍(lán)色的View就是Dependency,黃色的View就是Child,因?yàn)辄S色的View的動(dòng)作是依賴于藍(lán)色的View。簡(jiǎn)而言之,就是如過(guò)Dependency這個(gè)View發(fā)生了變化,那么Child這個(gè)View就要相應(yīng)發(fā)生變化。發(fā)生變化是具體發(fā)生什么變化呢?這里就要引入Behavior,Child發(fā)生變化的具體執(zhí)行的代碼都是放在Behavior這個(gè)類里面。
怎么使用Behavior呢,首先,我們定義一個(gè)類,繼承CoordinatorLayout.Behavior<T>,其中,泛型參數(shù)T是我們要執(zhí)行動(dòng)作的View類,也就是Child。然后就是去實(shí)現(xiàn)Behavior的兩個(gè)方法:
/**
* 判斷child的布局是否依賴dependency
*/
@Override
public boolean layoutDependsOn(CoordinatorLayout parent, T child, View dependency) {
boolean rs;
//根據(jù)邏輯判斷rs的取值
//返回false表示child不依賴dependency,ture表示依賴
return rs;
}
/**
* 當(dāng)dependency發(fā)生改變時(shí)(位置、寬高等),執(zhí)行這個(gè)函數(shù)
* 返回true表示child的位置或者是寬高要發(fā)生改變,否則就返回false
*/
@Override
public boolean onDependentViewChanged(CoordinatorLayout parent, T child, View dependency) {
//child要執(zhí)行的具體動(dòng)作
return true;
}
有了上面的概念后,我們看看具體怎么去實(shí)現(xiàn)吧~
為了響應(yīng)跟隨手指移動(dòng)的操作,我們定義一個(gè)非常簡(jiǎn)單的View,這個(gè)View只響應(yīng)跟隨手指移動(dòng),將這個(gè)View作為Dependency。由于過(guò)于簡(jiǎn)單,這個(gè)View源碼不粘貼,我們只需知道這個(gè)View的類名叫:TempView。
我們看看Behavior的使用:
package com.hc.studyCoordinatorLayout;
import android.content.Context;
import android.support.design.widget.CoordinatorLayout;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.view.View;
import android.widget.Button;
/**
* Package com.hc.studyCoordinatorLayout
* Created by HuaChao on 2016/6/1.
*/
public class MyBehavior extends CoordinatorLayout.Behavior<Button> {
private int width;
public MyBehavior(Context context, AttributeSet attrs) {
super(context, attrs);
DisplayMetrics display = context.getResources().getDisplayMetrics();
width = display.widthPixels;
}
@Override
public boolean layoutDependsOn(CoordinatorLayout parent, Button child, View dependency) {
//如果dependency是TempView的實(shí)例,說(shuō)明它就是我們所需要的Dependency
return dependency instanceof TempView;
}
//每次dependency位置發(fā)生變化,都會(huì)執(zhí)行onDependentViewChanged方法
@Override
public boolean onDependentViewChanged(CoordinatorLayout parent, Button btn, View dependency) {
//根據(jù)dependency的位置,設(shè)置Button的位置
int top = dependency.getTop();
int left = dependency.getLeft();
int x = width - left - btn.getWidth();
int y = top;
setPosition(btn, x, y);
return true;
}
private void setPosition(View v, int x, int y) {
CoordinatorLayout.MarginLayoutParams layoutParams = (CoordinatorLayout.MarginLayoutParams) v.getLayoutParams();
layoutParams.leftMargin = x;
layoutParams.topMargin = y;
v.setLayoutParams(layoutParams);
}
}
OK,現(xiàn)在我們?yōu)锽utton類指定了Dependency,并且定義好了跟隨Dependency一直變化的動(dòng)作(Behavior),接下來(lái)我們就要指定好為哪個(gè)具體的Button實(shí)例來(lái)綁定這些。方法很簡(jiǎn)單,直接在布局文件指定就好:
<?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.hc.studyCoordinatorLayout.MainActivity"> <Button android:id="@+id/btn" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="300dp" android:layout_marginTop="300dp" android:background="#FFCC00" android:text="Hello" app:layout_behavior="com.hc.studyCoordinatorLayout.MyBehavior" /> <com.hc.studyCoordinatorLayout.TempView android:layout_width="100dp" android:layout_height="100dp" android:layout_marginLeft="300dp" android:layout_marginTop="300dp" android:background="#3366CC" /> </android.support.design.widget.CoordinatorLayout>
是不是很簡(jiǎn)單呢?我們只需關(guān)注Behavior的編寫就好了,把Child和Dependency之間的關(guān)系完全解耦了~
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
詳解Android 7.0 Settings 加載選項(xiàng)
本篇文章主要介紹了Android 7.0 Settings 加載選項(xiàng),Android 7.0 Settings頂部多了一個(gè)建議選項(xiàng),多了個(gè)側(cè)邊欄,操作更加便捷了,有興趣的可以了解一下。2017-02-02
android利用websocket協(xié)議與服務(wù)器通信
這篇文章主要為大家詳細(xì)介紹了android利用websocket協(xié)議與服務(wù)器通信,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-03-03
Android開發(fā)中編寫藍(lán)牙相關(guān)功能的核心代碼講解
這篇文章主要介紹了Android開發(fā)中編寫藍(lán)牙功能的核心部分講解,包括掃描和配對(duì)以及修改藍(lán)牙設(shè)備可見(jiàn)性等操作,需要的朋友可以參考下2016-02-02
Android仿京東頂部搜索框滑動(dòng)伸縮動(dòng)畫效果
這篇文章主要為大家詳細(xì)介紹了Android仿京東頂部搜索框滑動(dòng)伸縮動(dòng)畫效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-07-07
Android中使用七牛云存儲(chǔ)進(jìn)行圖片上傳下載的實(shí)例代碼
這篇文章主要介紹了Android中使用七牛云存儲(chǔ)進(jìn)行圖片上傳下載的實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-08-08
android水平循環(huán)滾動(dòng)控件使用詳解
這篇文章主要為大家詳細(xì)介紹了android水平循環(huán)滾動(dòng)控件的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-12-12
Android仿iOS側(cè)滑退出當(dāng)前界面功能
這篇文章主要為大家詳細(xì)介紹了Android仿iOS側(cè)滑退出當(dāng)前界面功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-12-12

