GlassEffectContainer(液态玻璃容器组件)
小于 1 分钟
GlassEffectContainer(液态玻璃容器组件)
系统和版本要求
系统版本:iOS 26.0+
Kuikly版本:2.5.0+
GlassEffectContainer 组件用于实现多个液态玻璃元素相互靠近时的融合效果。其等同于View组件设置 glassEffectContainerIOS() 属性。
基础用法
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 | 间距大小(单位:点) | Float | 0f |
示例
GlassEffectContainer {
attr {
spacing(20f) // 子元素间距20点
}
// 子组件...
}
注意
spacing 值须为非负数,否则会抛出异常。
事件
GlassEffectContainer 支持所有基础事件。
相关组件
- LiquidGlass - 液态玻璃容器
- View - 基础容器(支持glassEffectIOS属性)
- iOS 液态玻璃概述 - 完整使用指南