Android Jetpack Compose - Color 的 copy 方法、FloatingActionButton、IconButton
一、Color 的 copy 方法
// 原始颜色valoriginalColor=Color(0.5f,0.3f,0.2f,1.0f)// 完全相同的副本valcolor1=originalColor.copy()// 复制并修改透明度valcolor2=originalColor.copy(alpha=0.5f)// 复制并修改红色分量valcolor3=originalColor.copy(red=0.8f)// 复制并修改多个属性valcolor4=originalColor.copy(red=0.7f,green=0.4f,alpha=0.9f)println("originalColor:$originalColor")println("color1:$color1")println("color2:$color2")println("color3:$color3")println("color4:$color4")# 输出结果 originalColor: Color(0.5019608, 0.3019608, 0.2, 1.0, sRGB IEC61966-2.1) color1: Color(0.5019608, 0.3019608, 0.2, 1.0, sRGB IEC61966-2.1) color2: Color(0.5019608, 0.3019608, 0.2, 0.5019608, sRGB IEC61966-2.1) color3: Color(0.8, 0.3019608, 0.2, 1.0, sRGB IEC61966-2.1) color4: Color(0.7019608, 0.4, 0.2, 0.9019608, sRGB IEC61966-2.1)二、FloatingActionButton
1、基本介绍
悬浮操作按钮（FAB）是一种高强调度按钮，可让用户在应用中执行主要操作，它会突出显示用户可能采取的最常见途径，通常固定在屏幕右下角
FAB 的适用场景如下
| 场景 | 说明 |
|---|---|
| 新建记事 | FAB 作为核心操作入口，快速启动创建流程 |
| 添加联系人 | FAB 触发社交场景下的关键添加功能 |
| 地图居中 | FAB 提供一键重置视图的便捷交互 |
- 在 Material Design 中，FAB 分为 4 种类型
| 类型 | 说明 |
|---|---|
| FAB（FloatingActionButton） | 普通大小的 FAB |
| 小型 FAB（SmallFloatingActionButton） | 较小的 FAB |
| 大型 FAB（LargeFloatingActionButton） | 较大的 FAB |
| 展开式 FAB（ExtendedFloatingActionButton） | 具有专用 icon 和 text 参数的 FAB |
2、演示
valcontext=LocalContext.currentColumn(modifier=Modifier.fillMaxSize()){FloatingActionButton(onClick={Toast.makeText(context,"FloatingActionButton Clicked",Toast.LENGTH_SHORT).show()},){Icon(Icons.Filled.Add,"Floating action button.")}SmallFloatingActionButton(modifier=Modifier.padding(top=16.dp),onClick={Toast.makeText(context,"SmallFloatingActionButton Clicked",Toast.LENGTH_SHORT).show()},){Icon(Icons.Filled.Add,"Small floating action button.")}LargeFloatingActionButton(modifier=Modifier.padding(top=16.dp),onClick={Toast.makeText(context,"LargeFloatingActionButton Clicked",Toast.LENGTH_SHORT).show()},){Icon(Icons.Filled.Add,"Large floating action button.")}ExtendedFloatingActionButton(modifier=Modifier.padding(top=16.dp),onClick={Toast.makeText(context,"ExtendedFloatingActionButton Clicked",Toast.LENGTH_SHORT).show()},icon={Icon(Icons.Filled.Add,"Extended floating action button.")},text={Text("ExtendedFloatingActionButton")})}三、IconButton
varisToggledbyrememberSaveable{mutableStateOf(false)}Box(modifier=Modifier.fillMaxSize(),contentAlignment=Alignment.Center,){IconButton(onClick={isToggled=!isToggled}){Icon(imageVector=if(isToggled)Icons.Filled.FavoriteelseIcons.Filled.FavoriteBorder,contentDescription=if(isToggled)"Selected icon button"else"Unselected icon button")}}