You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何修改Jetpack Compose中Ripple涟漪效果的颜色透明度以调整对比度

调整Ripple涟漪对比度的方案

涟漪的对比度由涟漪颜色本身和涟漪透明度两个参数共同控制,你可以按照下面的步骤修改:

方法1:自定义RippleAlpha透明度参数

你当前代码中调用了RippleTheme.defaultRippleAlpha()生成系统默认的透明度规则,要调整对比度可以直接手动创建RippleAlpha实例,按需修改不同状态的透明度数值:数值越大、涟漪越明显,对比度越高;数值越小、涟漪越淡,对比度越低。
修改后的GreenRippleTheme示例:

object GreenRippleTheme : RippleTheme {
    @Composable
    override fun defaultColor(): Color = FigmaPrimaryGreenDark

    @Composable
    override fun rippleAlpha(): RippleAlpha = RippleAlpha(
        pressedAlpha = 0.25f, // 按压状态的涟漪透明度,可根据需求调整
        focusedAlpha = 0.2f, // 焦点态透明度
        hoveredAlpha = 0.15f, // 悬停态透明度
        draggedAlpha = 0.2f // 拖拽态透明度
    )
}

方法2:调整涟漪基础色值

如果修改透明度后对比度仍不符合要求,可以调整defaultColor返回的色值,拉大涟漪颜色和Row组件本身背景色的亮度差、色相差:

  • 如果Row是浅色背景,可将FigmaPrimaryGreenDark替换为更深的绿色
  • 如果Row是深色背景,可将FigmaPrimaryGreenDark替换为更浅的绿色

注意:如果Row设置了自定义背景色,需要确保涟漪色和背景色的对比度足够,才能保证点击反馈清晰可识别。

内容的提问来源于stack exchange,提问作者Tiberiu Paduraru

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.30 12:57:03