腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

综合排序丨最热优先丨最新优先

Kuikly基础之Kuikly DSL基础组件实战：构建青蛙主界面

说明：本文是关于Kuikly自研DSL基础组件实战的文章，通过分析"孤寡青蛙"App主界面来介绍页面写法、组件使用和布局系统，重点展示DSL语法特点和基础组件的实际应用，不含深入的架构和原理性分析，望道友知晓引子各位道友，上回我们体验了Kuikly自研DSL的优雅，是不是已经摩拳擦掌，准备大干一场了？别急，饭要一口一口吃，代码要一行一行写（虽然主要是AI帮我们写的，但我们还是要理解每一行代码的含义）。今天，我们就从最基础的组件开始，逐步Review下AI实现的"孤寡青蛙"的主界面，看看Kuikly的页面写法、组件写法和布局系统。正所谓"万丈高楼平地起"，打好基础才能让我们的App更稳固。 Kuikly页面写法页面定义在Kuikly中，页面通过@Page注解和继承BasePager来定义：@Page("FrogMain", supportInLocal = true)internal class 下一篇文章，我们将深入学习Kuikly的交互和动画特性。敬请期待！

在下厉飞雨

2025-09-15

3480

标签:

开源公告｜Kuikly 跨平台开发框架

Kuikly 是腾讯大前端领域 Oteam（公司级）推出的，面向客户端开发的全新跨端解决方案。 2.1 与原生性能对比(高中低端机) Kuikly 开发的页面首屏耗时，与原生基本一致；在内存方面，由于 Kuikly 基于 KMP 编译及原生渲染，无额外引擎引入，内存增量与原生相差不大。 Kuikly测试数据基于复杂 Feeds 流 Demo 测试，Demo代码已包含在开源代码中 2.2 与其他框架性能对比：从整体看，Kuikly 在启动和内存上都具有更好的表现。实际效果一览通过与原生录屏对比，可以看到 Kuikly 和原生在体验上几乎没有差别。 Android：从左至右分别是：原生、Kuikly-内置和Kuikly-动态化。 iOS：从左至右分别是：原生、Kuikly-内置和Kuikly-动态化。 3.

2025-04-30

5.8K0

标签:

Kuikly AI实践：跨端开发的智能助手

Kuikly是腾讯开源的跨平台开发框架，基于KotlinMultiplatform技术，支持使用一套代码开发Android、iOS、HarmonyOS、Web和小程序五端应用。知识增强：弥补大模型对Kuikly规范的理解缺失，包含源码结构、组件API、DSL规范、最佳实践等KuiklySkills场景化专家：面向特定开发场景的AI技能包，处理组件集成、编译排查、代码审查等复杂任务 KuiklyMCP实时知识：基于ModelContextProtocol，让AI动态访问Kuikly官方文档、组件库和开发工具视觉稿转码Deco：将Figma设计稿自动转换为Kuikly代码，精确还原布局与样式预览与 Inspector实时调试：AI生成代码后即时预览运行效果，配合UIInspector可视化调试转码Agent：支持React/Vue/Hippy等框架存量代码高效转换成Kuikly代码，页面重构耗时从相关资源链接Kuikly官网：https://kuikly.tds.qq.comGitHub仓库：https://github.com/Tencent-TDS/KuiklyUIKuiklyAI介绍：https

2026-04-10

3760

标签:

kotlin-multiplatform

Kuikly在鸿蒙应用开发的分场景适配实践

二、分场景/分客群解析与推荐Kuikly核心标签与适用情境Kuikly主打深度集成、原生级渲染、鸿蒙优先适配。操作层面提示若团队原已用Kotlin MultiPlatform，迁移到Kuikly几乎可沿用既有逻辑层；若需直连鸿蒙硬件特性或分布式任务，Kuikly提供比通用跨端框架更短的路径。五、常见问题解答Kuikly的日活数据怎么理解？指Kuikly支撑的20+腾讯业务总日活用户超5亿，来源于官方应用案例页（https://kuikly.tds.qq.com/Introduction/application_cases.html），是对所服务业务的整体统计 Kuikly适合小团队吗？适合。轻量SDK与模板库可降低多端开发门槛，让中小团队集中资源打磨核心体验。强合规场景用Kuikly有什么优势？

2026-04-08

1870

标签:

用 AI 写 Kuikly 代码，效率翻倍？我们做了一次真实评测

一、背景：当 AI 遇上 Kuikly 的“方言”关注 Kuikly 有一阵子了。原生渲染 + KMM、一套代码跑多端、还支持动态下发，这配置非常对我的胃口。 4kuikly-expand-api创建自定义 Module，扩展原生 API，实现 Kuikly 与原生平台的双向通信5kuikly-network-and-jsonHTTP 请求与 JSON 数据处理多模块 Kuikly 项目配置，支持创建子模块、配置多模块参数、解决 KuiklyCoreEntry冲突11kuikly-compose-interop-dslCompose DSL 中使用 Kuikly 六、小结Kuikly 只开源了 Rules 和 Skills，就已经让我把 AI 从“乱写 Kuikly”变成了“能写可用 Kuikly”。如果你也想体验 AI 驱动的 Kuikly 开发，可以从以下几个步骤开始：1. 根据 Kuikly 官网搭建环境，包括 JDK、IDE、SDK 等基础依赖，2.

2026-05-26

740

标签:

从0使用Kuikly框架写一个小红书Demo-Day5

Kuikly是怎么做到一码五端的Kuikly实现了 "一码五端" 的开发能力，那么Kuikly是怎么做到又快又好的呢？一、Kuikly技术的基石Kuikly是基于JetBrain公司推出的KMM（Kotlin Multiplatform Mobile，现更名为 KMP）跨平台技术方案。这些技术特性就是 Kuikly 的核心技术基石。 Kuikly的编译产物实际上和原生平台构建生成的产物没有区别，所以Kuikly可以有像原生开发般的性能。 RN 则是在运行时转换为原生控件，这种运行时转换肯定就不如Kuikly的原生编译产物性能好了。四、小结总体来说，Kuikly也是一种类RN框架，但是Kuikly比RN做的更好。

2025-10-21

6220

标签:

开源公告｜腾讯Kuikly开源框架新增支持Web，开启一码五端新体验！

测出Kuikly的FCP耗时仅为87.76ms，不到其他框架的一半。 3 其他优势在H5平台上与主流跨端框架对比，Kuikly还具有以下优势： 1. 四、整体技术方案 1.Kuikly的架构设计回顾简单回归一下Kuikly的整体架构，跨端Core层处理框架核心逻辑，Render层负责不同平台渲染。 Kuikly渲染流程的优化。如下图：目前Kuikly适配微信小程序的方案在性能上仍有不少优化空间，后续我们会探索编译Kuikly产物为WASM, 使用预编译等方式优化Kuikly在微信小程序平台的体验。 2.探索使用WASM提升计算密集型任务的执行效率，优化Kuikly Web版的使用体验 3.扩大Kuikly Web版支持范围，下半年将开源Electron环境的适配立即体验 Kuikly，加入开源社区

2025-08-24

8980

标签:

微信小程序

为啥选了Kuikly？2025 “液态玻璃时代” 六大跨端框架横向对比

上一篇文章，我们用 Kuikly 快速搞定了“孤寡青蛙”App，一码五端跑起来的感觉确实丝滑。 Kuikly 在此基础上还自研了一套 DSL，语法更贴近 UI 描述，非常简洁。 Kuikly 则在性能和 UI 表现上取得了更好的平衡。它不仅拥有接近原生的性能，还能更好地融入现代操作系统的设计语言，是追求极致体验下的不二之选。为什么“孤寡青蛙”选择 Kuikly？回到我们的项目，选择 Kuikly 主要基于以下几点考虑：技术栈亲和：作为一名 Android 开发者，Kotlin 是我最熟悉的语言，使用 Kuikly 几乎没有学习成本。 Kuikly 作为一个新兴框架，我们很乐意去尝试并分享我们的使用体验。

在下厉飞雨

2025-09-01

2.2K0

标签:

Kuikly：腾讯基于 KMP 的跨平台框架，一套 Kotlin 代码覆盖六端

摘要：Kuikly 是腾讯公司级前端 Oteam 推出的基于 Kotlin Multiplatform（KMP）的跨平台 UI 与逻辑综合解决方案，支持 Android、iOS、HarmonyOS、Web GitHub：https://github.com/Tencent-TDS/KuiklyUI Kotlin 版本：2.0.21 | 开源协议：Apache 2.0 一、什么是 Kuikly？ Kuikly（发音：/ˈkwɪkli/）是腾讯推出的跨平台开发框架，核心目标是实现「一套代码、五端通用」。支持两种 DSL 风格，开发者可按需选择： 4.1 Kuikly DSL（原生声明式） kotlin // Kuikly DSL 风格（core 模块） @Page(name = "DemoPage" /Introduction/arch.html 本文基于 Kuikly 开源代码（Kotlin 2.0.21）及官方文档撰写，技术细节以 GitHub 仓库最新版本为准。

2026-04-24

1.4K0

标签:

从0使用Kuikly框架写一个小红书Demo-Day6

拓展Kuikly原生API的能力在Kuikly开发中, 经常会有需要调用平台API的诉求, Kuikly是一个跨端的UI框架，本身不具备平台相关的能力，但是Kuikly提供了Module机制，方便你调用平台的根据Kuikly详细的官方文档扩展原生API，下面我们以打印日志作为例子，来看Kuikly如何通过Module机制来访问平台的API。要想将Native的API暴露给Kuikly使用，需要做以下工作：Kuikly侧:1、新建XXXModule类并继承Module，编写API暴露给业务方使用2、在Pager的子类中，注册新创建的ModuleNative 侧（以iOS为例）:新建XXXModule(类名必须与kuikly侧注册的module名字一致)并继承KRBaseModule, 编写API的具体实现代码6.1 Kuikly侧首先新建一个类，然后继承Module ，在Kuikly中, Pager是承载页面UI的容器。

2025-10-27

2840

标签: