Jetpack Compose

Jetpack Compose - Switch

1、属性一览
2、使用示例
3、版本更新
4、未解决问题

Compose系列文章，请点原文阅读。原文：是时候学习Compose了！

1、属性一览

【目前基于alpha08版本的属性】首先直接看下属性，链接在这里：

@Composable fun Switch(checked: Boolean, onCheckedChange: (Boolean) -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, interactionState: InteractionState = remember { InteractionState() }, colors: SwitchColors = SwitchConstants.defaultColors()
): Unit

这些属性都跟之前Button的属性相同，这里不再详解了，直接看使用示例。

2、使用示例

类似按钮一样他们都有一个是否选中的状态，所以都需要val checkedState = remember { mutableStateOf(true) }来记录状态：

@Composable
fun SwitchDemo() {val checkedState = remember { mutableStateOf(true) }Switch(checked = checkedState.value,onCheckedChange = {checkedState.value = it})
}

代码运行效果如下，效果是系统提供的默认效果：

3、版本更新

暂无

4、未解决问题

目前还不清楚如何处理自定义的动效问题，如果是简单自定义颜色的话自定义colors参数即可，修改SwitchConstants.defaultColors()相关属性即可。

Jetpack Compose - Switch相关推荐

Jetpack Compose 深入探索系列四： Compose UI
通过 Compose runtime 集成 UI Compose UI 是一个 Kotlin 多平台框架.它提供了通过可组合函数发出 UI 的构建块和机制.除此之外,这个库还包括 Android 和 ...
Jetpack Compose - Button
Jetpack Compose - Button 1.Button 1.1.属性一览 1.2.使用示例 2.TextButton 2.1.属性一览 2.2.使用示例 3.OutlinedButton ...
Jetpack Compose学习笔记
在前不久的 Android Dev Summit '19 上,Jetpack Compose 终于发布了一个可直接获得的预览版.现在的版本还是 0.1.0-dev02,处于非常早期的版本,官方也再三强 ...
随输入动态改变ui_深入详解 Jetpack Compose | 优化 UI 构建
人们对于 UI 开发的预期已经不同往昔.现如今,为了满足用户的需求,我们构建的应用必须包含完善的用户界面,其中必然包括动画 (animation) 和动效 (motion),这些诉求在 UI 工具包创 ...
移动开发 Jetpack Compose 组件布局
Jetpack Compose 是用于构建原生 Android 界面的新工具包.它可简化并加快 Android 上的界面开发,使用更少的代码.强大的工具和直观的 Kotlin API,快速让应用生动而 ...
在 Jetpack Compose 中安全地使用数据流
/ 今日科技快讯 / 11月17日下午,暴雪中国官方微博发布公告称,各位暴雪游戏的国服玩家,我们很遗憾地通知大家,随着我们与网之易公司现有授权协议的到期,自2023年1月24日0点起,所有&l ...
Jetpack Compose 自定义绘制——高仿Keep周运动数据页面
废话之前先上图吧,如果不是有人告诉,你可以一眼看出哪个是真哪个是假吗? 仿制整个页面(仅仅页面)大概花了我两个小时,不过仅仅是静态的.不可点击的.图有形似而无功能. 自定义绘制 Jetpack Com ...
使用Jetpack Compose竟能做出如此漂亮的倒计时APP
Compose开发者挑战赛二周目迎合Jetpack Compose beta版的发布,Google官方发起了Compose开发者挑战赛活动,目前已经入二周目 android-dev-challeng ...
Jetpack Compose Animations 超简单教程
Node:本文基于Jetpack Compose 1.0.0-beta01 Animation是由state驱动的 Compose的核心思想状态驱动UI刷新,这一思想同样体现在动画上. Compose ...

Jetpack Compose - Switch

Jetpack Compose - Switch

1、属性一览

2、使用示例

3、版本更新

4、未解决问题

Jetpack Compose - Switch相关推荐

最新文章

热门文章