Jetpack Compose - Icon

Compose系列文章,请点原文阅读。原文:是时候学习Compose了!

1、属性一览

目前基于alpha12版本,首先直接看下官网给的Icon的三种方法,链接在这里

@Composable fun Icon(
    imageVector: ImageVector, 
    contentDescription: String?,
    modifier: Modifier = Modifier, 
    tint: Color = AmbientContentColor.current.copy(alpha = AmbientContentAlpha.current)
): Unit
@Composable fun Icon(
    bitmap: ImageBitm
Jetpack Compose中的Scrollbar是一个用于提供滚动功能的组件,它帮助用户在列表、网格或其他需要滚动查看内容的场景下导航。在Compose中,Scrollbar通常配合Column或Row等布局一起使用,当内容超过容器大小时,用户可以通过滚动条来滚动查看完整的数据。 要使用Scrollbar,首先需要导入` androidx.compose.foundation.lazy Paket`,因为它包含滚动相关的功能。创建Scrollbar时,你可以设置其样式(如是否显示轨道和按钮)、轴向(水平或垂直)以及滚动事件的处理。例如: ```kotlin import androidx.compose.foundation.layout.* import androidx.compose.foundation.scroll.* import androidx.compose.material.Button import androidx.compose.material.Text import androidx.compose.runtime.Composable import androidx.compose.ui.Alignment import androidx.compose.ui.Modifier import androidx.compose.ui.graphics.Color import androidx.compose.ui.unit.dp @Composable fun ScrollBarExample() { Column( modifier = Modifier .verticalScroll(rememberScrollState()) .scrollablePadding(horizontal = 16.dp, vertical = 8.dp) .padding(16.dp) ) { for (i in 0 until 100) { Text(text = "Item $i", color = Color.Gray) .apply { if (i > 50) { alignment = Alignment.CenterVertically } } .also { it.measure(width = 0, height = 48.dp) } } Button(onClick = { /* Handle scroll to top */ }) { Icon(Icons.Filled.ArrowUpward) } } // 使用Scrollbar组件 Scrollbar( orientation = Axis.Vertical, onValueChange = { /* Handle scroll value changes */ }, modifier = Modifier.size(16.dp).weight(1f) ) } ``` 在这个例子中,我们创建了一个滚动柱配合一个列来显示文本,当用户滚动到顶部时,可以点击箭头返回顶部。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值