Compose悬浮按钮FloatingActionButton修改阴影高度值

最新推荐文章于 2025-08-03 21:41:54 发布

原创最新推荐文章于 2025-08-03 21:41:54 发布 · 378 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#android #kotlin

收录于

笔记专栏收录该内容

28 篇文章

订阅专栏

文章介绍了如何使用ExtendedFloatingActionButton，并提供了示例代码，展示如何设置点击事件、内边距、图标和文本，以及调整按钮的elevation。通过查看源码，作者发现该过程非常简单。

相关文章很少，查了一下源码搞出来了，很简单：

//文字扩展悬浮按钮
ExtendedFloatingActionButton(onClick = { /*TODO*/ },
    modifier = Modifier.padding(30.dp),
icon = { Icon(Icons.Filled.ArrowBack,null) },
text = { Text(text = "返回")},
//FloatingActionButtonDefaults的elevation方法指定了几个预设，也可以自己传值。
elevation = FloatingActionButtonDefaults.elevation(4.dp))

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

坚果_

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

扩展ExtendedFloatingActionButton滚动收缩展开行为

C_biubiubiu的博客

06-28

1125

扩展ExtendedFloatingActionButton滚动收缩展开行为

Compose UI 之 FloatingActionButton 按钮

Zen@sz 博客

03-28

1780

FAB 是最具突出效果的悬浮按钮，出现在屏幕右下角。通常位于屏幕右下角，具有显著的圆形形状和浮动的定位，用于呈现应用程序的主要操作或常用操作，例如开始一个新的任务、分享内容、启动一个动作等。Compose UI 库中，FAB 的样式有 4 种。下面看下不同类型的 FAB 大小效果。

参与评论您还未登录，请先登录后发表或查看评论

Compose | UI组件(五) | Button 按钮组件

让学习成为一种习惯 ( 谭祖爱 & 技术博客 )

01-27

1381

Button是Compose中的一个按钮组件

Jetpack Compose中使用MD样式组件Scaffold及导航底部菜单的实现

金戈鐡馬

05-16

2057

Compose给我们提供了一个Material Design样式的首页组件(Scaffold),我们可以直接套用从而完成一个APP的首页界面由于Scaffold中还包含有其他的组件,所以讲解Scaffold先讲解前置的一些组件。

android浮动按钮_Android扩展浮动操作按钮

从零开始的教程世界

07-08

2664

android浮动按钮Extended Floating Action Button is the newly introduced class with Material Components library in Android. Material Components is introduced with SDK 28 or Android P. It’s a superset of Sup...

Material Design系列-FloatingActionButton（FAB）

最孤单的人的博客

07-05

2380

### #1. Text button #2. Outlined button #3. Contained button #4. Toggle button #5. Floating action button 这篇示例：Floating action button 浮动动作按钮：

Jetpack Compose 中的基础组件

川峰的博客

06-08

3612

Jetpack Compose 中的基础组件，Jetpack Compose 中的基础组件，Jetpack Compose 中的基础组件，Jetpack Compose 中的基础组件，Jetpack Compose 中的基础组件，Jetpack Compose 中的基础组件，Jetpack Compose 中的基础组件，Jetpack Compose 中的基础组件，Jetpack Compose 中的基础组件，Jetpack Compose 中的基础组件，Jetpack Compose 中的基础组件，Jet

Android开发：Jetpack Compose Button,IconButton等各种Button的讲解

Eqiqi的博客

12-10

2556

前言本文会讲解Button，IconButton, ExtendedFloatingActionButton, FloatingActionButton,IconToggleButton,OutlinedButton,RadioButton,TextButton这几个Button的用法详解，感兴趣的请往下看一：Button的用法先来看看Button的源码(OutlinedButton跟Button的属性一样只是两个按钮的形状不太一样) @Composable fun Button( onCli

Compose笔记(四十一)--ExtendedFloatingActionButton

最新发布

ljt2724960661的博客

08-03

510

这一节主要了解一下Compose中的ExtendedFloatingActionButton，在Jetpack Compose中，ExtendedFloatingActionButton是一种扩展式浮动操作按钮，相比普通...

Compose FloatingActionButton

罗小黑的博客

04-20

399

一个（FAB）代表一个屏幕的主要行为。FAB通常和一个Icon一起使用除了普通的 FAB 之外，Compose 也提供了带有文字扩展的 FAB，text = { Text("添加到我喜欢的") },

Jetpack Compose：自定义阴影绘制，支持阴影颜色、圆角、偏移量

家驹六月天的博客

11-23

7330

Compose没有可支持的阴影控件，也不支持设置阴影颜色封装了一个Compose可用的阴影控件，可自由Copy import androidx.compose.foundation.layout.padding import androidx.compose.foundation.shape.RoundedCornerShape import androidx.compose.material.Card import androidx.compose.runtime.Composable impo

Android Jetpack Compose —— FloatingActionButton

江小白的博客

06-19

1379

无论是在移动应用程序还是在平板电脑或桌面应用程序中，FloatingActionButton 都是一种非常实用的设计元素，有助于提高应用程序的可用性和可访问性。FloatingActionButton 提供了一种简单而优雅的方式来引导用户进行主要的应用程序交互，例如开始一个新的任务、分享内容、启动一个动作等。5.在界面中使用 FloatingActionButton：将创建的 FloatingActionButton 添加到相应的界面中。例如，可以设置按钮的背景颜色、形状、图标、大小等。

【自定义View】可拖拽的悬浮按钮

薪火_的博客

07-12

728

随着安卓技术的接触和深入，产品需求也越来越离谱，一个个优美的UI和高大上的功能，仅仅使用系统提供的控件是无法完成的，而自定义View就能够满足产品需求。近日，我便做到了一个需求，需要一个可以拖拽的悬浮按钮，那就拿出我三脚猫功夫的自定义View能力了。虽然这是一个小小功能，但足见自定义View技术在安卓里的重要性，我会在完善这个自定义View的基础下接着深入学习相关知识，希望大家一起加油。

android悬浮按钮阴影,Android 中FloatingActionButton(悬浮按钮)实例详解

weixin_36350547的博客

05-26

330

Android 中FloatingActionButton(悬浮按钮)实例详解一、介绍这个类是继承自ImageView的，所以对于这个控件我们可以使用ImageView的所有属性二、使用准备，在as 的 build.grade文件中写上compile 'com.android.support:design:22.2.0'三、使用说明android:id="@+id/floatingActionB...

android 按钮带图标阴影_Android Material Design系列之FloatingActionButton和Snackbar

weixin_39747075的博客

12-20

307

今天主讲的Material Design系列的两个控件都不难，所以一起讲了，分别是FloatingActionButton和Snackbar。这个系列都是主讲的Material Design风格的控件，所以都是控件的一些基本使用，也会扩展讲一些与这个控件相关的东西和效果，如果都会了的同学，可以不看这个系列。当然看一下也没啥，再巩固一下知识点也挺好的。FloatingActionButtonFloa...

android——compose底部导航栏、顶部toolbar、悬浮按钮floatingActionButtonPosition、Scaffold、完美的底部导航栏，顶部状态栏高度

wy313622821的博客

03-26

3016

如果是按照以前老版本xml的方式来实现：底部导航栏、顶部toolbar、悬浮按钮floatingActionButtonPosition，代码会比较多而且很难懂，现在我们来看看使用神奇的compose来实现，效果图：是不是很简单，这样就可以了，谢谢观赏

安卓MaterialDesign新特性,新控件FloatingActionButton,TabLayout,NavigationView等的使用

李朝阳的博客

03-03

2088

一:介绍 Android5.0之后推出了MaterialDesign(材料设计,物质设计),包括FloatingActionButton(浮动动作按钮),TextInputLayout(文本输入布局,在这个控件下嵌套的EditText的Hint属性不会随着用户输入消失,而且还有监听输入的字符数给出相应提示的功能),TabLayout(表格布局,类似HorizontalScrollView与vie

Floating Action Button 简单使用

默小铭的博客

09-18

3452

导读本文将介绍Materia_Design控件,FAB(Floating Action Button)的简单使用,以及在日常使用可能遇到的坑控件简介 Floating Action Button 继承于 ImageButton,ImageButton 继承于 ImageView 因此FAB可以使用所有父类的属性,如可以通过setImageDrawable（Drawable）控制显示的icon Flo

向两边展开的Floating Action Button

邢雪源的专栏

07-14

2774

在开发OCRus的照相页面时，我们希望能更好的引导用户进行操作，用户在点击照相按钮后，分别向两边弹出确认和删除按钮，并隐藏照相按钮，避免让用户迷惑。最后实现效果如图：弹出效果是基于FloatingActionButton做的，但这个库中子按钮的弹出方向都只能沿同一个方向，都向左、都向右、都向上或都向下，不能分别向左和向右的效果。所以我Hack进源码对这个库做了扩展，源码和示例程序见Gith