com.getbase.floatingactionbutton.FloatingActionButton;的点击事件应该怎么写

最近在回看郭霖的第一行代码，看到了有关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;

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

具体效果如下：

自己学习的一个总结，至于第三库的引入的具体使用，大家可以参考别人的博客，写的不好的大家见谅，欢迎前来交流。