[Android]CoordinatorLayout簡(jiǎn)介(二)幾種系統(tǒng)默認(rèn)Behavior的使用

參考資料

CoordinatorLayout簡(jiǎn)介(一)CoordinatorLayout的簡(jiǎn)單使用
CoordinatorLayout簡(jiǎn)介(二)幾種系統(tǒng)默認(rèn)Behavior的使用
CoordinatorLayout簡(jiǎn)介(三)手寫一個(gè)CoordinatorLayout怎么樣嗜诀?

Behavior的基類是CoordinatorLayout#Behavior,先看一下類繼承關(guān)系:


image.png

可以看出身隐,系統(tǒng)默認(rèn)實(shí)現(xiàn)的Behavior大致分類六類:

  • 繼承于SwipeDismissBehavor的
  • 繼承于ExpandableBehavior的
  • 繼承于FloatingActionButton的
  • 繼承于ViewOffsetBehavior的
  • BottomSheetBehavior

我們逐個(gè)分析

SwipeDismissBehavor

看先文檔簡(jiǎn)介:

An interaction behavior plugin for child views of CoordinatorLayout to provide support for the 'swipe-to-dismiss' gesture.

翻譯:一個(gè)為CoordinatorLayout的子View提供"滑動(dòng)消失"支持的交互插件

OK 那我們大概就知道它的作用了

看下使用方式:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:context="com.dafasoft.MainActivity">
    <androidx.coordinatorlayout.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <com.google.android.material.appbar.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_behavior="com.google.android.material.behavior.SwipeDismissBehavior">
            <ImageView
                android:layout_width="match_parent"
                android:layout_height="230dp"
                app:layout_scrollFlags="scroll|exitUntilCollapsed"
                android:scaleType="fitXY"
                android:src="@drawable/yellow_zero"/>

            <com.google.android.material.tabs.TabLayout
                android:id="@+id/tabLayout"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true"
                android:background="?attr/colorPrimary"
                app:tabIndicatorColor="@color/teal_700"
                app:tabIndicatorHeight="4dp"
                app:tabSelectedTextColor="#000"
                app:tabTextColor="#fff"/>
        </com.google.android.material.appbar.AppBarLayout>

        <androidx.viewpager.widget.ViewPager
            android:id="@+id/viewPager"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_behavior="@string/appbar_scrolling_view_behavior"/>
    </androidx.coordinatorlayout.widget.CoordinatorLayout>
</RelativeLayout>

然后運(yùn)行代碼 啪一下閃退了货矮,很快把省!

發(fā)生甚么事了? 怎么回事压昼?

看下CoordinatorLayout#parseBehavior的部分代碼求冷,這個(gè)方法的作用是根據(jù)我們?cè)趚ml中設(shè)置的layout_behavior來(lái)解析成真正的Behavior對(duì)象,我們看下其中的部分邏輯:

try {
            Map<String, Constructor<Behavior>> constructors = sConstructors.get();
            if (constructors == null) {
                constructors = new HashMap<>();
                sConstructors.set(constructors);
            }
            Constructor<Behavior> c = constructors.get(fullName);
            if (c == null) {
                final Class<Behavior> clazz =
                        (Class<Behavior>) Class.forName(fullName, false, context.getClassLoader());
                c = clazz.getConstructor(CONSTRUCTOR_PARAMS);
                c.setAccessible(true);
                constructors.put(fullName, c);
            }
            return c.newInstance(context, attrs);
        } catch (Exception e) {
            throw new RuntimeException("Could not inflate Behavior subclass " + fullName, e);
        }

我們獲取Constructor的時(shí)候窍霞,是獲取的一個(gè)帶參數(shù)的Constructor方法匠题,CONSTRUCTOR_PARAMS的值分別是Context和AttributeSet

因此,假如我們要使用SwipeDismissBehavor但金,需要自定義一下:

public class TestSwipeDismissBehavior extends SwipeDismissBehavior {
    public TestSwipeDismissBehavior(Context context, AttributeSet attributes) {
        super();
    }
}

然后將app:layout_behavior="com.google.android.material.behavior.SwipeDismissBehavior"這一行改為
app:layout_behavior=".behavior.TestSwipeDismissBehavior"

看下效果:


SwipeDismissBehavior1[00_00_03--00_00_23].gif

官方為我們提供的SwipeDismissBehavior的實(shí)現(xiàn)類韭山,有且只有一個(gè)BaseTransientBottomBar#Behavior, 它的使用是在SnackBar中

什么是SnackBar

Snackbar顯示在所有屏幕其它元素之上(屏幕最頂層),同一時(shí)間只能顯示一個(gè)snackbar冷溃。

Snackbar的基本使用很簡(jiǎn)單钱磅,與Toast類似。

Snackbar.make(view, message_text, duration)
   .setAction(action_text, click_listener)
   .show();

make()方法是生成Snackbar的秃诵。Snackbar需要一個(gè)控件容器view用來(lái)容納续搀,官方推薦使用CoordinatorLayout來(lái)確保Snackbar和其他組件的交互,比如滑動(dòng)取消Snackbar菠净、Snackbar出現(xiàn)時(shí)FloatingActionButton上移禁舷。顯示時(shí)間duration有三種類型LENGTH_SHORT、LENGTH_LONG和LENGTH_INDEFINITE毅往。

setAction()方法可設(shè)置Snackbar右側(cè)按鈕牵咙,增加進(jìn)行交互事件。如果不使用setAction()則只顯示左側(cè)message攀唯。

Snackbar.make(coordinatorLayout,"這是massage", Snackbar.LENGTH_LONG).setAction("這是action", new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        Toast.makeText(MainActivity.this,"你點(diǎn)擊了action",Toast.LENGTH_SHORT).show();
     }
 }).show();

效果:


SnackBar[00_00_01--00_00_08].gif

ExpandableBehavior

看下官方文檔


image.png

過(guò)期了...使用MaterialContainerTransform替代了

pass吧...

FloatingActionButton#Behavior

這個(gè)Behavior官方是給FloatingActionButton特供的

我們看一下FloatingActionButton吧

FloatingActionButton是5.0版本出現(xiàn)的控件洁桌,顯示一個(gè)圓形懸浮按鈕。需要添加Design依賴庫(kù)(現(xiàn)在已遷移至Androidx中)并且使用Theme.AppCompat主題

FloatingActionButton配置
屬性 說(shuō)明
android:src 顯示的圖標(biāo)侯嘀,最好是24dp的
app:backgroundTint 正常的背景顏色
app:rippleColor 按下時(shí)的背景顏色
app:elevation 正常的陰影大辛砹琛(默認(rèn)6dp)
app:pressedTranslationZ 按下時(shí)的陰影大小(默認(rèn)12dp)
app:borderWidth 邊框?qū)挾?/td>
app:layout_anchor 設(shè)置FAB的錨點(diǎn)戒幔,即以哪個(gè)控件為參照設(shè)置位置
app:layout_anchorGravity FAB相對(duì)于錨點(diǎn)的位置
app:fabSize normal或mini(對(duì)應(yīng)56dp和40dp)

布局:

<com.google.android.material.floatingactionbutton.FloatingActionButton
            android:id="@+id/floatingActionButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="right|bottom"
            android:layout_margin="20dp"
            app:rippleColor="#ffe5e5e5"
            app:backgroundTint="@color/black"
            app:elevation="6dp"
            app:pressedTranslationZ="6dp"
            app:fabSize="mini"
            app:borderWidth="0dp"
            android:src="@drawable/ic_dragon_avatar_9"/>

效果如下


微信圖片_20201216120006.jpg
與SnackBar的聯(lián)動(dòng)效果:

FloatingActionButton天然支持與SnackBar的聯(lián)動(dòng)吠谢,我們只需要將FloatingActionButton設(shè)置為CoordinatorLayout的子View,在展示SnackBar時(shí),SnackBar#make方法的View參數(shù)傳入CoordinatorLayout的對(duì)象即可

Snackbar.make(coordinatorLayout,"這是massage", Snackbar.LENGTH_LONG).setAction("這是action", new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        Toast.makeText(MainActivity.this,"你點(diǎn)擊了action",Toast.LENGTH_SHORT).show();
     }
 }).show();

效果圖:

SnackBar_FloatingActionButton[00_00_02--00_00_22].gif

通過(guò)繼承FloatingActionButton#Behavior還可以實(shí)現(xiàn)其他各種各樣的聯(lián)動(dòng)效果

繼承自ViewOffsetBehavior

這一部分Behavior是我們?cè)谌粘i_發(fā)中使用頻次最高的
其中兩個(gè)最重要的Behavior:

  • ViewOffsetBehavior
  • AppBarLayout#Behavior
    我們?cè)谏掀┛椭蟹窒淼膸追N效果都是通過(guò)這兩種Behavior實(shí)現(xiàn)的

當(dāng)我們需要實(shí)現(xiàn)滾動(dòng)控件和AppBarLayout的折疊诗茎、懸浮等效果時(shí)工坊,滾動(dòng)控件必須制定Behavior為ViewOffsetBehavior或其子類,否則是不會(huì)有協(xié)同滑動(dòng)的效果的

AppBarLayout#Behavior是AppBarLayout中各種炫酷效果的基石敢订,AppBarLayout#Behavior負(fù)責(zé)收取和處理從CoordinatorLayout傳來(lái)的滑動(dòng)或者嵌套滑動(dòng)事件王污,并根據(jù)這些事件對(duì)AppBarLayout的子控件和其自身進(jìn)行變換

有同學(xué)會(huì)說(shuō)我們?cè)趚ml中定義AppBarLayout時(shí)并沒有指定Behavior啊,是的楚午,如果我們沒有手動(dòng)指定昭齐,系統(tǒng)會(huì)默認(rèn)指定AppBarLayout的Behavior為AppBarLayout#Behavior,這是通過(guò)AppBarLayout的類注解實(shí)現(xiàn)的:

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

    static final int PENDING_ACTION_NONE = 0x0;
    static final int PENDING_ACTION_EXPANDED = 0x1;
    static final int PENDING_ACTION_COLLAPSED = 0x2;
    static final int PENDING_ACTION_ANIMATE_ENABLED = 0x4;
    static final int PENDING_ACTION_FORCE = 0x8;
      ...

這兩種Behavior的代碼較為復(fù)雜且江湖地位顯赫矾柜,本篇不作過(guò)多介紹司浪,在接下來(lái)我們分析CoordinatorLayout源碼時(shí)會(huì)著重講解

BottomSheetBehavior

BottonSheetBehavior用來(lái)實(shí)現(xiàn)從底部滑出的抽屜效果泊业,我們經(jīng)常可以在音樂(lè)播放APP和地圖APP中見到這種效果
BottomSheetBehavior支持的屬性:

屬性 含義
behavior_peekHeight 當(dāng)控件隱藏時(shí)折疊的高度
behavior_hideable 是否可以隱藏
app:behavior_skipCollapsed 是否跳過(guò)折疊狀態(tài)

使用方式;
xml的定義:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <androidx.coordinatorlayout.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <LinearLayout
            android:id="@+id/bottomSheetLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            app:layout_behavior="com.google.android.material.bottomsheet.BottomSheetBehavior"
            app:behavior_peekHeight="50dp"
            app:behavior_hideable="true">
            <androidx.constraintlayout.utils.widget.ImageFilterView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:scaleType="fitXY"
                android:src="@drawable/yellow_zero_two"/>

        </LinearLayout>
    </androidx.coordinatorlayout.widget.CoordinatorLayout>

    <Button
        android:id="@+id/clickBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="點(diǎn)擊"/>
</RelativeLayout>

Activity:

public class BottomSheetBehaviorActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_bottom_sheet_behavior);
        findViewById(R.id.clickBtn).setOnClickListener(v -> {
            LinearLayout bottomSheetLayout = findViewById(R.id.bottomSheetLayout);
            BottomSheetBehavior bottomSheetBehavior = BottomSheetBehavior.from(bottomSheetLayout);
            bottomSheetBehavior.setState(bottomSheetBehavior.getState() == BottomSheetBehavior.STATE_COLLAPSED ? BottomSheetBehavior.STATE_EXPANDED : BottomSheetBehavior.STATE_COLLAPSED);
        });

        findViewById(R.id.floatingActionButton).setOnClickListener(v -> {
            LinearLayout bottomSheetLayout = findViewById(R.id.bottomSheetLayout);
            BottomSheetBehavior bottomSheetBehavior = BottomSheetBehavior.from(bottomSheetLayout);
            bottomSheetBehavior.setState(bottomSheetBehavior.getState() == BottomSheetBehavior.STATE_COLLAPSED ? BottomSheetBehavior.STATE_EXPANDED : BottomSheetBehavior.STATE_COLLAPSED);
        });
    }
}

效果圖:


BottomSheetBehavior[00_00_04--00_00_24].gif

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末啊易,一起剝皮案震驚了整個(gè)濱河市吁伺,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌租谈,老刑警劉巖篮奄,帶你破解...
    沈念sama閱讀 222,378評(píng)論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異割去,居然都是意外死亡窟却,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,970評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門呻逆,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)夸赫,“玉大人,你說(shuō)我怎么就攤上這事咖城〔缤龋” “怎么了?”我有些...
    開封第一講書人閱讀 168,983評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵宜雀,是天一觀的道長(zhǎng)切平。 經(jīng)常有香客問(wèn)我,道長(zhǎng)辐董,這世上最難降的妖魔是什么悴品? 我笑而不...
    開封第一講書人閱讀 59,938評(píng)論 1 299
  • 正文 為了忘掉前任,我火速辦了婚禮简烘,結(jié)果婚禮上苔严,老公的妹妹穿的比我還像新娘。我一直安慰自己孤澎,他們只是感情好邦蜜,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,955評(píng)論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著亥至,像睡著了一般。 火紅的嫁衣襯著肌膚如雪贱迟。 梳的紋絲不亂的頭發(fā)上姐扮,一...
    開封第一講書人閱讀 52,549評(píng)論 1 312
  • 那天,我揣著相機(jī)與錄音衣吠,去河邊找鬼茶敏。 笑死,一個(gè)胖子當(dāng)著我的面吹牛缚俏,可吹牛的內(nèi)容都是我干的惊搏。 我是一名探鬼主播贮乳,決...
    沈念sama閱讀 41,063評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼恬惯!你這毒婦竟也來(lái)了向拆?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,991評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤酪耳,失蹤者是張志新(化名)和其女友劉穎浓恳,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體碗暗,經(jīng)...
    沈念sama閱讀 46,522評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡颈将,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,604評(píng)論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了言疗。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片晴圾。...
    茶點(diǎn)故事閱讀 40,742評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖噪奄,靈堂內(nèi)的尸體忽然破棺而出死姚,到底是詐尸還是另有隱情,我是刑警寧澤梗醇,帶...
    沈念sama閱讀 36,413評(píng)論 5 351
  • 正文 年R本政府宣布知允,位于F島的核電站,受9級(jí)特大地震影響叙谨,放射性物質(zhì)發(fā)生泄漏温鸽。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,094評(píng)論 3 335
  • 文/蒙蒙 一手负、第九天 我趴在偏房一處隱蔽的房頂上張望涤垫。 院中可真熱鬧,春花似錦竟终、人聲如沸蝠猬。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,572評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)榆芦。三九已至,卻和暖如春喘鸟,著一層夾襖步出監(jiān)牢的瞬間匆绣,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,671評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工什黑, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留崎淳,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,159評(píng)論 3 378
  • 正文 我出身青樓愕把,卻偏偏與公主長(zhǎng)得像拣凹,于是被迫代替她去往敵國(guó)和親森爽。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,747評(píng)論 2 361