Compose中常用的一些Modifier的扩展ui方法记录

JetpackCompose中的防点击、虚线效果与阴影实现

原创

已于 2023-07-22 13:27:44 修改 · 824 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ui #compose #扩展

于 2023-07-22 13:26:11 首次发布

Compose中常用的一些Modifier的扩展ui方法记录

关于

关于

本篇主要记录一些开发中可能用到的常用方法的扩展记录，包括防快速带点击，画虚实线divider，画虚线边框，绘制阴影等。

防快速点击

inline fun Modifier.singleClickable(
    debounceDuration: Long = 400L,
    enabled: Boolean = true,//中间这三个是clickable自带的参数
    rippleEnabled: Boolean = true, //是否开启水波纹
    onClickLabel: String? = null,
    role: Role? = null,
    crossinline onClick: () -> Unit
): Modifier = composed {
   
   
    var lastClickTime by remember {
   
    mutableStateOf(value = 0L) }
    val eventAction: () -> Unit = {
   
   
        val currentTimeMillis = System.currentTimeMillis()
        if (currentTimeMillis - debounceDuration >= lastClickTime) {
   
   
            onClick()
            lastClickTime = currentTimeMillis
        }
    }
    if (rippleEnabled) {
   
   
        clickable(enabled, onClickLabel, role, eventAction)
    } else {
   
   
        clickable(
            interactionSource = NoRippleInteractionSource(),
            indication = null,
            enabled = enabled,
            onClickLabel = onClickLabel,
            role = role,
            onClick = eventAction
        )
    }
}

class NoRippleInteractionSource : MutableInteractionSource {
   
   

    override val interactions: Flow<Interaction> = emptyFlow()

    override suspend fun emit(interaction: Interaction) {
   
   }

    override fun tryEmit(interaction: Interaction) = true

}