在Android上防止单个项目上的多次点击

Question

我想将插屏广告实现到更换主题的图标上，但存在一个问题。当用户快速点击该图标时，广告会多次弹出，这可能会破坏用户体验，因为没有人希望为了一个目的看到多个广告。如何确保用户单击该图标后仅显示一次广告，并且在广告展示期间用户无法再次点击该图标？

代码片段：

var isDarkMode by remember { mutableStateOf(isSystemInDarkTheme) }

IconToggleButton(
    checked = isDarkMode,
    onCheckedChange = { isChecked ->
        isDarkMode = isChecked

        if (activity != null) {
            showInterstialAd(activity, context)
        }

        changeThemeViewModel.enableDarkTheme(isDarkMode)
    },
    modifier = Modifier.pulsateClick()
) {
    Icon(
        painter = painterResource(R.drawable.icon),
        contentDescription = stringResource(R.string.lamp_icon),
        modifier = Modifier
            .size(45.dp)
    )
}

Armen Tsirunyan · Answer

尝试这段代码：

    // 记忆化存储 darkMode 状态
    var isDarkMode by remember { mutableStateOf(isSystemInDarkTheme) }
    // 记忆化存储按钮是否可点击的状态
    var isButtonClickable by remember { mutableStateOf(true) }

    // 定义你的按钮点击处理函数
    fun onButtonClick() {
        if (isButtonClickable) {
            isButtonClickable = false
            
            // 显示插屏广告
            showInterstitialAd(this, applicationContext)
            // 切换主题模式
            changeThemeViewModel.enableDarkTheme(isDarkMode)

            // 使用协程延迟一段时间后重新使按钮可点击
            lifecycleScope.launch {
                delay(700) // 根据需要调整延时时间（例如，2000毫秒）
                isButtonClickable = true
            }
        }
    }

James_D · Answer

您尝试过类似这样的方式吗？（也许可以在启用按钮那行也尝试加上一些延迟）

val isDarkMode by remember { mutableStateOf(isSystemInDarkTheme) }
val isButtonEnabled by remember { mutableStateOf(true) }

IconToggleButton(
    checked = isDarkMode,
    onCheckedChange = { isChecked ->
        isButtonEnabled.value = false
        
        isDarkMode = isChecked

        if (activity != null) {
            showInterstialAd(activity, context)
        }

        changeThemeViewModel.enableDarkTheme(isDarkMode)

        // 延迟一段时间后重新启用按钮
        LaunchedEffect(key1 = Unit) {
            delay(500L) // 自定义延迟时间
            isButtonEnabled.value = true
        }
    },
    enabled = isButtonEnabled,
) {
    // 图标按钮的内容
}