我如何才能在我的 ui 背景中为 fab 按钮“剪出”圆形?

如何解决我如何才能在我的 ui 背景中为 fab 按钮“剪出”圆形??

What I'm trying to go for

我正在努力实现与图片中框出的内容相同的内容,只是我是一名程序员,我不知道如何开始。

这可以通过 drawable 来实现吗?如果是这样,您能否为我指明正确的方向,或者它是否更复杂,图形设计师需要实现的目标?

解决方法

您可以使用 Material BottomAppBar浮动操作按钮 (FAB) 的帮助来简单地做到这一点。您只需将它们都放在如下所示的布局的 NestedScrollView

<androidx.coordinatorlayout.widget.CoordinatorLayout
    ...
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- Note: A RecyclerView can also be used -->
    <androidx.core.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="100dp"
        android:clipToPadding="false">

        <!-- Scrollable content -->

    </androidx.core.widget.NestedScrollView>

    <com.google.android.material.bottomappbar.BottomAppBar
        android:id="@+id/bottomAppBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        style="@style/Widget.MaterialComponents.BottomAppBar.Colored"
        app:navigationIcon="@drawable/ic_menu_24dp"
        app:menu="@menu/bottom_app_bar"
        />

    <com.google.android.material.floatingactionbutton.FloatingActionButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:srcCompat="@drawable/ic_add_24dp"
        app:layout_anchor="@id/bottomAppBar"
        />

</androidx.coordinatorlayout.widget.CoordinatorLayout>

相应地设置这些属性以实现您想要的形状。使用 fabCradleMargin 中的 fabCradleRoundedCornerRadiusBottomAppBar 属性设置圆角和边距。

有关实施的更多信息,请refer查看官方文档。

,

您需要了解如何在 Android 中使用代码或 XML 创建自定义 Path 在学习相同的内容之前,我建议不要做这样的事情

Here 是一个类似的构建,可以帮助您

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

其他编程问答

如何捕获不存在的属性的错误?示例: const arr = [ { neighbours: [➯G', ɼNG'], },]; 现在,当我试图访问一个可能存在也可能不存在的属...
在setState上,我收到以下TS错误: “类型ɺxiosResponse‘缺少类型’countries[]‘的以下属性:长度、pop、push、concat和26 more.ts(2740)”...
我是typescript的新手,正在尝试为Typescript构建一个react样板。但无法导入格式为“.tsx”的组件。 我的tsconfig文件如下所示: { "compilerOption...
当我在VS代码中使用Jupyter Notebook时,我遇到了一个问题。屏幕显示"Python 3.7.8 requires ipykernel to be installed“。我按照弹出窗口的...
我正在尝试输入一个形状为( 1,8,32,32,32 )的5D张量到我写的VAE: self.encoder = nn.Sequential( nn.Conv3d( 8, 16, 4...
在控制器中: RefreshController refreshController = RefreshController(initialRefresh: false); @overrid...
我试图构建我的安卓应用程序有一段时间了,似乎找不到任何解决这个问题的方法:Image Unity版本: Unity 2020.3.21f1 (64位) JDK、SDK、NDK和Gradle是Unit...
我正在尝试测试selenium,以获得自动登录网站的解决方案,但我甚至无法让Selenium保持打开状态。它做它现在应该做的事情,然后在没有driver.quit()的情况下立即退出。我得到了以下错...
我正在尝试开发一个springboot/react应用程序,并且已经安装了react并创建了react项目。但是,当我尝试执行以下命令时: npm run 我得到以下错误: Lifecycle sc...
我有大约5e9 (15e4记录每小时)记录存储在clickhouse中。这些记录是按时间顺序的。当我以10分钟的time_range运行某个查询时: select * from table_name...
Could not load library cudnn_cnn_infer64_8.dll. Error code 126Please make sure cudnn_cnn_infer64_8...
我正在和gatsby一起创建一个新项目 gatsby new YourProjectName2 https://github.com/Vagr9K/gatsby-advanced-starter 并...