com.getbase.floatingactionbutton.开源框架中的FloatingActionButton和FloatingActionsMenu点击事件应该怎么写

最近在回看郭霖的第一行代码，看到了有关materal desion相关章节，结合网上例子学习floatingactionbutton的使用

（1）可以直接使用desion库提供的控件，具体使用方法如下：

 

<android.support.design.widget.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    android:layout_margin="16dp"
    android:elevation="8dp"
    android:src="@drawable/fab"
    app:backgroundTint="#1c99e2"
    app:rippleColor="#33ff72a3" />

点击事件如下：

 

floatingActionButton.setOnClickListener( new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        //具体的逻辑写在这

    }
} );

（2）可以引入开源库：

 

<com.getbase.floatingactionbutton.FloatingActionsMenu
    android:id="@+id/fab_menu"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    android:layout_margin="@dimen/fab_margin"
    fab:fab_addButtonColorNormal="@color/colorAccent"
    fab:fab_icon="@drawable/ic_add_black_24dp"
    fab:fab_labelStyle="@style/menu_labels_style"
    fab:fab_labelsPosition="left">

    <com.getbase.floatingactionbutton.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/fab_1"
        fab:fab_colorNormal="@color/colorAccent"
        fab:fab_size="mini"
        fab:fab_icon="@drawable/ic_timer_black_24dp"
        fab:fab_title="第一个FAB"/>
    <com.getbase.floatingactionbutton.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/fab_2"
        fab:fab_colorNormal="@color/colorAccent"
        fab:fab_size="mini"
        fab:fab_icon="@drawable/ic_accessibility_black_24dp"
        fab:fab_title="第二个FAB"/>
    <com.getbase.floatingactionbutton.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/fab_3"
        fab:fab_colorNormal="@color/colorAccent"
        fab:fab_size="mini"
        fab:fab_icon="@drawable/ic_add_a_photo_black_24dp"
        fab:fab_title="第三个FAB"/>
    <com.getbase.floatingactionbutton.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/fab_4"
        fab:fab_colorNormal="@color/colorAccent"
        fab:fab_size="mini"
        fab:fab_icon="@drawable/ic_share_black_24dp"
        fab:fab_title="第四个FAB"/>
</com.getbase.floatingactionbutton.FloatingActionsMenu>

引入开源库可以很容易实现如下效果：

拖出来的子控件的点击事件同样正常写就可以了：

 

floatingActionButton.setOnClickListener( new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        

    }
} );
floatingActionButton1.setOnClickListener( new View.OnClickListener() {
    @Override
    public void onClick(View v) {
       

    }
} );
floatingActionButton2.setOnClickListener( new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        
    }
} );
floatingActionButton3.setOnClickListener( new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        

    }
} );

但是我们写完以后却发现报如下错误：

 Caused by: java.lang.ClassCastException: com.getbase.floatingactionbutton.FloatingActionButton cannot be cast to android.support.design.widget.FloatingActionButton

其实这个已经交代的很清楚了，我们导错包了，虽然都是点击事件，但是写的时候要注意是哪个包下的floatingactionbutton，

注意区分：

import com.getbase.floatingactionbutton.FloatingActionButton;

import android.support.design.widget.FloatingActionButton;

为了避免此类错误，我们在java文件中编写的时候，声明引用的第三方控件时，加上详细路径，如下

 

private com.getbase.floatingactionbutton.FloatingActionButton floatingActionButton,floatingActionButton1,floatingActionButton2,floatingActionButton3;

或者是声明的时候注意导包是这个包        import com.getbase.floatingactionbutton.FloatingActionsMenu;

这样在写点击事件的时候，就不报错了，

对于FloatingActionsMenu 的点击事件 通过我们查看源码，发现 FloatingActionsMenu 实现的是 OnFloatingActionsMenuUpdateListener 接口

源码语句

public interface OnFloatingActionsMenuUpdateListener {
    void onMenuExpanded();
    void onMenuCollapsed();
  }
所以FloatingActionsMenu 的点击事件是这样写的

floatingActionButton.setOnFloatingActionsMenuUpdateListener(new FloatingActionsMenu.OnFloatingActionsMenuUpdateListener() {
            @Override
            public void onMenuExpanded() {
                //展开时的逻辑
            }

            @Override
            public void onMenuCollapsed() {
              //关闭时的逻辑
            }
        });

但是一般我们是不需要重写FloatingActionsMenu 的点击事件的，默认就有下图效果。

具体效果如下：

自己学习的一个总结，至于第三方库的引入的具体使用 如下 在build-gradle中引入下面这句

implementation 'com.getbase:floatingactionbutton:1.10.1'

，写的不好的大家见谅，欢迎前来交流。