腾讯开源框架Kuikly全新升级：首发液态玻璃技术，打造极致原生体验

Kuikly作为腾讯自主研发的跨端开发框架，采用Kotlin Multiplatform技术打造，为开发者带来高度统一的跨平台开发体验。这款由腾讯大前端Oteam（公司级技术团队）重磅推出的框架目前已在20多个核心业务场景落地，支撑超过1000个业务页面开发，每日服务超5亿活跃用户，有效解决各类复杂业务场景需求。作为腾讯端服务联盟(tds.qq.com)的核心成员，Kuikly持续引领跨端开发技术创新与生态建设。

在新版iOS 26系统发布之际，Kuikly率先实现全面适配"液态玻璃"视觉效果，进一步扩展平台支持能力，助力业务实现体验升级。

一、背景介绍

在WWDC25全球开发者大会上，苹果发布了近十年最具突破性的视觉设计变革——"液态玻璃"设计语言。这项创新设计以半透明3D质感和动态流体效果为核心，为用户带来全新沉浸式体验，同时重新定义了软件与硬件的交互边界。

二、"液态玻璃"设计解析

"液态玻璃"代表着苹果继iOS7扁平化设计后的又一次重大进化，标志着UI设计从"扁平化"向"沉浸化"转型。这项技术突破源自对光学特性、材质质感和空间纵深的全新探索。

苹果官方披露，"液态玻璃"设计主要体现在两大关键特性：

• 动态光学特性： UI元素能够根据背景内容实时产生光学折射与反射效果，色彩和光泽会随环境变化而动态调整
• 多层次空间结构： 通过背景层、内容层和互动悬浮层的区分，构建出富有层次感的界面空间

这些特性已在iOS 26系统中广泛应用。例如：App图标采用多层玻璃结构自动适配主题色，Safari浏览器工具栏则具备动态收缩特性。

三、技术架构适配方案比较

"液态玻璃"的设计革新给跨端框架带来了全新的技术挑战。为应对用户体验升级需求，不同技术架构的适配路径和成本各有差异。

3.1 自渲染技术路线

采用自渲染引擎（如Flutter等）的跨端框架，虽然能确保多平台视觉效果统一，但在适配"液态玻璃"这类深度依赖原生系统能力的特性时面临显著挑战。

由于"液态玻璃"效果需要直接调用Metal等系统底层渲染API，自渲染框架往往只能通过Shader进行视觉模拟。这种方式不仅实现成本高，在性能和效果保真度上也难以完美匹配原生体验，更可能成为长期的技术瓶颈。

四、Kuikly适配方案详解

作为提供原生UI渲染能力的高性能跨端框架，Kuikly已全面适配"液态玻璃"特效，并将方案开源发布。Kuikly的适配不仅是对UI的改造升级，更是对框架渲染层和DSL驱动层的深度扩展。

4.1 适配理念

Kuikly在"液态玻璃"适配中坚持"体验优先"原则，在保证核心业务逻辑一致性的同时，充分尊重各平台的特性差异。我们的策略是：对基础组件保持跨平台一致性，对高阶组件则支持平台专属优化。

4.2 开发者友好的API设计

Kuikly提供了极简的API来降低适配成本。开发者仅需为任意容器视图添加glassEffectIOS()属性，即可快速实现液态玻璃效果。

4.3 分层适配方案

Kuikly针对不同组件类型提供了差异化适配策略：

• 基础组件： 通过扩展原生属性实现效果适配，同时提供专用容器组件
• 复合组件： 支持效果叠加，满足灵活定制需求
• iOS专属组件： 对Slider等组件进行深度封装，确保100%原生体验

拓展阅读：腾讯Kuikly框架全面开源，新增Web端支持，开启"一码五端"开发新时代！