FloatingActionButton悬浮菜单按钮的实现

FloatingActionButton悬浮菜单按钮的实现

先看下效果:
FloatingActionButton悬浮菜单按钮的实现_第1张图片
FloatingActionButton悬浮菜单按钮的实现_第2张图片

可以在github上搜FloatingActionButton 我在这里使用的是
FloatingActionButton悬浮菜单按钮的实现_第3张图片

下面是链接
https://github.com/Clans/FloatingActionButton

首先导入库

    implementation implementation 'com.github.clans:fab:1.6.4'

这里是layout文件:

<com.github.clans.fab.FloatingActionMenu
        android:id="@+id/addButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        android:layout_marginBottom="8dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        <!-- 点击后按钮的颜色-->
        app:menu_colorPressed="@color/primary"
        app:menu_fab_size="normal"
        app:menu_showShadow="true">

        <com.github.clans.fab.FloatingActionButton
            android:id="@+id/camera"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            <!-- 按钮图标-->
            android:src="@drawable/ic_photo_camera_white_24dp"
            app:fabSize="auto"
            <!-- 按钮左边显示的字体-->
            app:fab_label="Camera"
            <!-- 按钮大小-->
            app:fab_size="mini" />

        <com.github.clans.fab.FloatingActionButton
            android:id="@+id/gallery"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_insert_photo_white_24dp"
            app:fab_label="Gallery"
            app:fab_size="mini" />
    </com.github.clans.fab.FloatingActionMenu>

FloatingActionButton悬浮菜单按钮的实现_第4张图片FloatingActionButton悬浮菜单按钮的实现_第5张图片
注意这里的FloatingActionMenu属性中的background是整体的背景颜色,想使用的话自己可以试一试
FloatingActionButton悬浮菜单按钮的实现_第6张图片

FloatingActionMenu里可以包含FloatingActionButton
可以自己根据上面的layout文件查看

下面是使用

private FloatingActionMenu addButton;
private FloatingActionButton camera;
private FloatingActionButton gallery;

addButton=view.findViewById(R.id.addButton);
camera=view.findViewById(R.id.camera);
gallery=view.findViewById(R.id.gallery);

camera.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
#在这里实现点击操作
}
});

出错:

com.github.clans.fab.FloatingActionButton cannot be cast to com.google.android.material.floatingactionbutton.FloatingActionButton

记得是导入这个包
import com.github.clans.fab.FloatingActionButton;

你可能感兴趣的:(FloatingActionButton悬浮菜单按钮的实现)