唯客微技术杂谈
Jetpack Compose组件-平面(Surface) Jetpack Compose组件-平面(Surface)
Jetpack Compose组件-平面(Surface) 平面(Surface) 将很多的组件摆放在这个平面之上,我们可以设置这个平面的边框,圆角,颜色等等。 Surface实际上是Box的重新包装。 @Composable f
Jetpack Compose组件-进度指示器(ProgressIndicator) Jetpack Compose组件-进度指示器(ProgressIndicator)
Jetpack Compose组件-进度指示器(ProgressIndicator) 线性进度指示器(LinearProgressIndicator) // 等待条 @Composable fun LinearProgressIndi
Jetpack Compose组件-滑动条(Slider) Jetpack Compose组件-滑动条(Slider)
Jetpack Compose组件-滑动条(Slider) 滑动条(Slider) Slider 允许用户从一定范围的数值中进行选择。 Slider 反映了一个沿条的数值范围,用户可以从中选择一个单一的数值。它们是调整音量、亮度或
Jetpack Compose组件-分割线(Divider) Jetpack Compose组件-分割线(Divider)
Jetpack Compose组件-分割线(Divider) 分割线(Divider) Divider是将列表和布局中的内容分组的细线。 @Composable fun Divider( // 修饰符 modifie
Jetpack Compose组件-徽章(Badge) Jetpack Compose组件-徽章(Badge)
Jetpack Compose组件-徽章(Badge) 徽章(Badge) Badge 是一个可以包含动态信息的组件,例如是否存在新通知或许多未处理请求。徽章可以是纯图标或包含短文本。一般不单独使用,使用BadgeBox 将Bad
Jetpack Compose组件-卡片(Card) Jetpack Compose组件-卡片(Card)
Jetpack Compose组件-卡片(Card) 卡片(Card) Card 是 Compose 中一个布局组件,我们用它可以来创造出一些类似于卡片界面 @Composable @NonRestartableComposabl
Jetpack Compose组件-小标签(Chip) Jetpack Compose组件-小标签(Chip)
Jetpack Compose组件-小标签(Chip) 小标签(Chip) Chip(小标签)类似于淘宝的历史搜索标签。 @ExperimentalMaterialApi @Composable fun Chip( // 点
Jetpack Compose 禁用硬件加速 Jetpack Compose 禁用硬件加速
Jetpack Compose 禁用硬件加速 Compose 默认开启硬件加速,这会导致一些绘图操作在低版本无效,此时需要关闭硬件加速。 以下代码实现了一个软件层,SoftwareLayer包裹的代码将关闭硬件加速。 @Compos
Jetpack Compose组件-图形(Canvas) Jetpack Compose组件-图形(Canvas)
Jetpack Compose组件-图形(Canvas) 图形(Canvas) Canvas需要指定大小尺寸,使用Modifier.size指定精确大小或者使用Modifier.fillMaxSize指定相对于父项的大小。 @Com
Jetpack Compose组件-图片(Image) Jetpack Compose组件-图片(Image)
Jetpack Compose组件-图片(Image) 图片(Image) @Composable @NonRestartableComposable fun Image( // 位图对象,可以显示 JPG,PNG 等格式的图
Jetpack Compose组件-图标(Icon) Jetpack Compose组件-图标(Icon)
Jetpack Compose组件-图标(Icon) 图标(Icon) @Composable @NonRestartableComposable fun Icon( // 位图对象,可以显示 JPG,PNG 等格式的图标
Jetpack Compose组件-开关按钮(Switch) Jetpack Compose组件-开关按钮(Switch)
Jetpack Compose组件-开关按钮(Switch) 开关按钮(Switch) @Composable fun Switch( // 是否选中 checked: Boolean, // 选中状态改变回
2 / 4