gpt4 book ai didi

android - Jetpack Compose Surface 点击波纹没有根据形状剪裁?

转载 作者:行者123 更新时间:2023-12-04 11:18:53 29 4
gpt4 key购买 nike

我有 3 个表面,如 gif 中所示,当我单击涟漪效应传播时没有考虑表面的形状。
enter image description here
哪些是用

@Composable
fun SurfaceClickPropagationExample() {

// Provides a Context that can be used by Android applications
val context = AmbientContext.current

// 🔥 Offset moves a component in x and y axes which can be either positive or negative
// 🔥🔥 When a component inside surface is offset from original position it gets clipped.
Box(
modifier = Modifier
.fillMaxWidth()
.wrapContentHeight()
.clipToBounds()
.clickable(onClick = {})
) {

Surface(
modifier = Modifier
.preferredSize(150.dp)
.padding(12.dp)
.clickable(onClick = {
})
.clipToBounds(),
elevation = 10.dp,
shape = RoundedCornerShape(10.dp),
color = (Color(0xFFFDD835))
) {

Surface(
modifier = Modifier
.preferredSize(80.dp)
.clipToBounds()
.offset(x = 50.dp, y = (-20).dp)
.clickable(onClick = {
}),
elevation = 12.dp,
shape = CircleShape,
color = (Color(0xFF26C6DA))
) {

}
}

Surface(
modifier = Modifier
.preferredSize(110.dp)
.padding(12.dp)
.offset(x = 110.dp, y = 20.dp)
.clickable(onClick = {}),
shape = CutCornerShape(10.dp),
color = (Color(0xFFF4511E)),
elevation = 8.dp
) {}
}
}
我添加了 Modifier.clipToBounds()检查它是否适用于它,但无论有没有它都不起作用。

最佳答案

compose 版本 1.0.0-beta08 更新:
使用接受 onClick 的 Surface 的新实验性重载。

@ExperimentalMaterialApi
@Composable
fun Surface(
onClick: () -> Unit,
modifier: Modifier = Modifier,
shape: Shape = RectangleShape,
color: Color = MaterialTheme.colors.surface,
contentColor: Color = contentColorFor(color),
border: BorderStroke? = null,
elevation: Dp = 0.dp,
interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
indication: Indication? = LocalIndication.current,
enabled: Boolean = true,
onClickLabel: String? = null,
role: Role? = null,
content: () -> Unit
): @ExperimentalMaterialApi @Composable Unit
文档: https://developer.android.com/reference/kotlin/androidx/compose/material/package-summary#Surface(kotlin.Function0,androidx.compose.ui.Modifier,androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.foundation.BorderStroke,androidx.compose.ui.unit.Dp,androidx.compose.foundation.interaction.MutableInteractionSource,androidx.compose.foundation.Indication,kotlin.Boolean,kotlin.String,androidx.compose.ui.semantics.Role,kotlin.Function0)

尝试申请 Modifier.clip(shape: Shape) 之前 Modifier.clickable .
在撰写中使用修饰符时,顺序很重要。首先出现的修饰符元素将首先应用。 ( documentation)

关于android - Jetpack Compose Surface 点击波纹没有根据形状剪裁?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65548150/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com