Material Sheet FAB 开源项目教程

最新推荐文章于 2024-08-31 23:51:47 发布

雷柏烁

最新推荐文章于 2024-08-31 23:51:47 发布

阅读量317

点赞数 4

本文链接：https://blog.csdn.net/gitblog_01172/article/details/141419903

版权

Material Sheet FAB 开源项目教程

material-sheet-fabAndroid library that provides the floating action button to sheet transition from Google's Material Design.项目地址:https://gitcode.com/gh_mirrors/ma/material-sheet-fab

项目介绍

Material Sheet FAB 是一个基于 Material Design 规范的浮动操作按钮（Floating Action Button, FAB）扩展库。它允许开发者创建带有滑动展开面板的 FAB，从而提供更多的交互选项和功能。这个项目旨在简化在 Android 应用中实现复杂交互的流程，同时保持界面的一致性和美观性。

项目快速启动

添加依赖

首先，在你的 build.gradle 文件中添加以下依赖：

dependencies {
    implementation 'com.gowong:material-sheet-fab:1.0.0'
}

布局文件

在你的布局文件中添加 SheetFab 组件：

<com.gowong.materialsheetfab.SheetFab
    android:id="@+id/sheet_fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/ic_add"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:sheet_background_color="@color/white"
    app:sheet_elevation="8dp"
    app:sheet_corner_radius="16dp"
    app:sheet_padding="16dp"
    app:sheet_margin="16dp"
    app:sheet_content="@layout/sheet_content" />

代码实现

在你的 Activity 或 Fragment 中初始化 SheetFab：

SheetFab sheetFab = findViewById(R.id.sheet_fab);
sheetFab.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        sheetFab.showSheet();
    }
});