GlassEffectContainer(液态玻璃容器组件)

小于 1 分钟

GlassEffectContainer(液态玻璃容器组件)

系统和版本要求

  • 系统版本:iOS 26.0+

  • Kuikly版本:2.5.0+

GlassEffectContainer 组件用于实现多个液态玻璃元素相互靠近时的融合效果。其等同于View组件设置 glassEffectContainerIOS() 属性。

组件使用示例open in new window

基础用法

import com.tencent.kuikly.core.views.GlassEffectContainer
import com.tencent.kuikly.core.views.LiquidGlass

GlassEffectContainer {
    attr {
        spacing(15f)
        flexDirectionRow()
    }
    
    LiquidGlass {
        attr {
            flex(1f)
            height(60f)
            borderRadius(30f)
        }
    }
    
    LiquidGlass {
        attr {
            flex(1f)
            height(60f)
            borderRadius(30f)
        }
    }
}

属性

GlassEffectContainer 支持所有基础属性,还支持以下专有属性:

spacing

设置子元素之间的间距。

参数描述类型默认值
spacing间距大小(单位:点)Float0f

示例

GlassEffectContainer {
    attr {
        spacing(20f) // 子元素间距20点
    }
    // 子组件...
}

注意

spacing 值须为非负数,否则会抛出异常。

事件

GlassEffectContainer 支持所有基础事件

相关组件