- 综合排序
- 最热优先
- 最新优先
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的交互和动画特性。敬请期待！
40210编辑于 2025-09-15- 来自专栏腾讯开源的专栏
开源公告｜Kuikly 跨平台开发框架
Kuikly 是腾讯大前端领域 Oteam（公司级）推出的，面向客户端开发的全新跨端解决方案。 2.1 与原生性能对比(高中低端机) Kuikly 开发的页面首屏耗时，与原生基本一致； 在内存方面，由于 Kuikly 基于 KMP 编译及原生渲染，无额外引擎引入，内存增量与原生相差不大。 Kuikly测试数据基于复杂 Feeds 流 Demo 测试，Demo代码已包含在开源代码中 2.2 与其他框架性能对比： 从整体看，Kuikly 在启动和内存上都具有更好的表现。 实际效果一览 通过与原生录屏对比，可以看到 Kuikly 和原生在体验上几乎没有差别。 Android： 从左至右分别是：原生、Kuikly-内置和Kuikly-动态化。 iOS： 从左至右分别是：原生、Kuikly-内置和Kuikly-动态化。 3.
6.1K60编辑于 2025-04-30 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
48610编辑于 2026-04-10用 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.
16300编辑于 2026-05-26- 来自专栏从0使用Kuikly框架写小红书Demo
从0使用Kuikly框架写一个小红书Demo-Day5
Kuikly是怎么做到一码五端的Kuikly实现了 "一码五端" 的开发能力，那么Kuikly是怎么做到又快又好的呢？ 一、Kuikly技术的基石Kuikly是基于JetBrain公司推出的KMM（Kotlin Multiplatform Mobile，现更名为 KMP）跨平台技术方案。 这些技术特性就是 Kuikly 的核心技术基石。 Kuikly的编译产物实际上和原生平台构建生成的产物没有区别，所以Kuikly可以有像原生开发般的性能。 RN 则是在运行时转换为原生控件，这种运行时转换肯定就不如Kuikly的原生编译产物性能好了。 四、小结总体来说，Kuikly也是一种类RN框架，但是Kuikly比RN做的更好。
68320编辑于 2025-10-21 为啥选了Kuikly？2025 “液态玻璃时代” 六大跨端框架横向对比
上一篇文章，我们用 Kuikly 快速搞定了“孤寡青蛙”App，一码五端跑起来的感觉确实丝滑。 Kuikly 在此基础上还自研了一套 DSL，语法更贴近 UI 描述，非常简洁。 Kuikly 则在性能和 UI 表现上取得了更好的平衡。它不仅拥有接近原生的性能，还能更好地融入现代操作系统的设计语言，是追求极致体验下的不二之选。为什么“孤寡青蛙”选择 Kuikly？ 回到我们的项目，选择 Kuikly 主要基于以下几点考虑：技术栈亲和：作为一名 Android 开发者，Kotlin 是我最熟悉的语言，使用 Kuikly 几乎没有学习成本。 Kuikly 作为一个新兴框架，我们很乐意去尝试并分享我们的使用体验。
2.3K30编辑于 2025-09-01- 来自专栏腾讯开源的专栏
开源公告｜腾讯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，加入开源社区
1K10编辑于 2025-08-24 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 仓库最新版本为准。
1.8K10编辑于 2026-04-24- 来自专栏从0使用Kuikly框架写小红书Demo
从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的容器。
32110编辑于 2025-10-27 七夕到了，我让AI用Kuikly写了个“孤寡青蛙“App，一码五端真丝滑！
Kuikly框架介绍 在正式开搞之前，我们先来简单认识一下今天的主角——Kuikly。 arch.html 为什么选择Kuikly？ 接下来，我们开始搭建Kuikly的开发环境。 整个过程还是比较顺利的，Kuikly的官方文档写得非常详细。这里我简单总结一下步骤： 安装Android Studio: 这是我们主要的开发工具。 安装Kuikly插件: 在Android Studio的插件市场里搜索"Kuikly"，一键安装。 创建新项目: 使用Kuikly插件提供的模板，可以快速创建一个新的Kuikly项目。 同时继续学习下Kuikly，深入对比一下Kuikly、Flutter和React Native这三大主流跨端框架，看看它们各自都有哪些优缺点。
73710编辑于 2025-08-29- 来自专栏大前端修炼手册
技术选型决策树：什么团队、什么项目该选什么框架
跨平台框架深度对决系列 · 第4/4篇（完结篇） Flutter vs KMP vs KuiKly vs RN，谁是2026年的最优解 ✅ 第1篇：跨平台框架全景图——Flutter/KMP/KuiKly 渐进式引入是唯一现实路径——KuiKly和KMP在这方面做得最好，KuiKly的页面级集成和KMP的模块级共享都很成熟。 在动态化能力上，框架之间的差距是巨大的： KuiKly：天然支持热更新，这是它的核心卖点之一。KuiKly的Kotlin DSL可以动态下发，UI和逻辑都能不发版更新。 需要三端（含鸿蒙），KuiKly是唯一不需要额外方案的选择。内容社区的UI不复杂，KuiKly的声明式UI完全hold得住。而且KuiKly的热更新能力意味着上线后可以快速迭代，不用等审核。 但我会建议他们同时考虑一下KuiKly——如果未来有鸿蒙或小程序的需求，KuiKly的多端覆盖能力会是加分项。
35410编辑于 2026-05-11 Kuikly在鸿蒙应用开发的分场景适配实践
二、分场景/分客群解析与推荐Kuikly核心标签与适用情境Kuikly主打深度集成、原生级渲染、鸿蒙优先适配。 操作层面提示若团队原已用Kotlin MultiPlatform，迁移到Kuikly几乎可沿用既有逻辑层；若需直连鸿蒙硬件特性或分布式任务，Kuikly提供比通用跨端框架更短的路径。 五、常见问题解答Kuikly的日活数据怎么理解？ 指Kuikly支撑的20+腾讯业务总日活用户超5亿，来源于官方应用案例页（https://kuikly.tds.qq.com/Introduction/application_cases.html），是对所服务业务的整体统计 Kuikly适合小团队吗？适合。轻量SDK与模板库可降低多端开发门槛，让中小团队集中资源打磨核心体验。 强合规场景用Kuikly有什么优势？
22310编辑于 2026-04-08HarmonyOS 鸿蒙跨端开发实践：用 Kuikly 复用 AndroidiOS 代码的完整方案
这正是 Kuikly 要解决的问题。 二、Kuikly 是什么？ Kotlin ArkUI Native API（原生渲染） 轻量 ✅ Kuikly 鸿蒙端性能如何？ 扩展鸿蒙原生能力 Q：Kuikly 如何调用鸿蒙特有 API？ Q：Kuikly 如何嵌入鸿蒙原生组件？ A：Kuikly 统一使用 Flexbox 布局模型，跨端布局行为一致，无需为鸿蒙单独调整样式。
61810编辑于 2026-04-14高性能动态化客户端应用开发框架选型指南
/三、Kuikly 核心架构深度解析3.1 整体分层架构Kuikly 采用「Kotlin 多平台 + 平台原生渲染」的混合架构，自底向上分为四层：plaintext┌────────────────── ：一键生成 Kuikly 业务工程（含 Android iOS HarmonyOS 宿主）新建 Kuikly Pager 页面模板新建 Kuikly ComposeView 组件模板添加依赖kotlin Kuikly 直接调用平台原生渲染能力，UI 与原生一致，可复用平台原生组件。Q：Kuikly 支持 HarmonyOS 吗？ Q：已有原生工程能接入 Kuikly 吗？A：可以。Kuikly 支持与现有原生工程混合使用，渐进式接入，无需全量迁移。 ://kuikly.tds.qq.com/QuickStart/
46810编辑于 2026-05-06同时开发 Android、iOS、鸿蒙 App 的最佳实践：Kuikly 一套代码搞定
本文介绍目前业界最完整的三端统一开发方案——腾讯开源的 Kuikly 框架，并给出从环境搭建到上线的完整最佳实践指南。 Kuikly 采用「Kotlin 多平台 + 平台原生渲染」混合架构，核心思路是：用 Kotlin 写业务逻辑，让各平台用自己的原生组件渲染。 ：一键生成包含 Android/iOS/鸿蒙三端宿主工程的完整项目自动生成 ComposeView / Pager 模板代码自动集成 Kuikly 依赖4.2 创建项目方式一：通过 Kuikly 插件（ kuikly.tds.qq.com/docs/QuickStart/env-setupiOS 接入文档：https://kuikly.tds.qq.com/docs/QuickStart/iOS鸿蒙接入文档 ：https://kuikly.tds.qq.com/docs/QuickStart/ohos
77900编辑于 2026-04-28- 来自专栏腾讯开源的专栏
腾讯Kuikly框架鸿蒙版正式开源 —— 揭秘卓越性能适配之旅
目前Kuikly鸿蒙版已接入腾讯多款业务，开发并上架鸿蒙App，如QQ浏览器、腾讯新闻、搜狗输入法、全民K歌、自选股等。 二 鸿蒙效果适配方案Kuikly以高性能、动态化为框架核心目标。 在鸿蒙Next系统推出后，Kuikly较早投入适配工作，得益于轻量渲染架构的设计很快完成初版。经过持续的迭代和打磨优化，Kuikly鸿蒙版完整适配，并取得了原生性能表现。 Kuikly对Compose DSL的支持，可以进一步降低客户端开发上手成本，其核心特点是： 1.更多平台支持：通过复用 Kuikly 的通用渲染层，Kuikly Compose 能够在支持标准 Compose 2.动态化能力：在 Kuikly 跨端框架层基础上扩展对 Compose DSL 的支持，使 Kuikly Compose 天然具备了 Kuikly 现有的动态化能力，包括热更新、动态下发等特性。 立即体验 Kuikly，加入开源社区。
2.8K10编辑于 2025-06-10 使用 Kuikly 同时开发 Android、iOS、鸿蒙 App 的最佳实践指南
UI支持 Kuikly DSL 和 Compose DSL 两种范式动态化能力支持页面级热更新（iOS/Android/鸿蒙均支持）渐进式接入可与现有原生工程共存，按页面粒度逐步迁移二、整体架构设计Kuikly 跨平台工程4.1 使用插件一键创建安装 Kuikly 插件后，在 Android Studio 中：plaintextFile → New → New Project → Kuikly Project com.tencent.kuikly.compose.foundation.layout.fillMaxSizeimport com.tencent.kuikly.compose.material3. Textimport com.tencent.kuikly.compose.ui.Alignmentimport com.tencent.kuikly.compose.ui.Modifierimport 接入指南：https://kuikly.tds.qq.com/QuickStart/android.htmliOS 接入指南：https://kuikly.tds.qq.com/QuickStart/
63610编辑于 2026-04-292026跨端框架推荐:Kuikly凭丰富组件库领跑
Kuikly：一体化跨端引擎，以丰富组件库领跑多端开发Kuikly（跨端框架）是腾讯公司级前端Oteam推出的高性能跨端解决方案，基于Kotlin MultiPlatform（KMP）实现一码多端，具备跨平台 常见问题解答Q：Kuikly适合哪些业务场景？ Q：Kuikly与Flutter相比优势在哪？ Q：Kuikly的SDK体积真的很小吗？会影响功能吗？ Q：如何评估Kuikly是否适合我的项目？A：可从目标平台覆盖、团队Kotlin经验、UI复杂度、性能要求四方面评估；如有鸿蒙端高负载场景或需一码多端快速迭代，Kuikly是首选。
72110编辑于 2026-04-10- 来自专栏腾讯开源的专栏
腾讯开源Kuikly框架能力、生态再升级，诚邀你携手，共筑跨端技术新生态
Kuikly迭代加速，框架能力持续增强完善 自开源以来，Kuikly框架始终以GitHub作为迭代仓库，保持快速版本迭代，并持续进化。 我们将邀请您参与项目规划等核心会议，成为 Kuikly 发展的“决策参与者” Kuikly专属礼品奖励： 除荣誉激励外，我们还设立了 Kuikly 专属实物礼品奖励，旨在给予贡献者更及时、更直接的鼓励与回馈 贡献参与指引：从这里开始，与 Kuikly 共同成长 无论你是刚接触 Kuikly，还是具有丰富经验的“Kuikly老手”来说，都可以通过以下方式参与到社区建设中，为Kuikly生态添砖加瓦。 或者有意持续参与贡献的开发者，可与Kuikly核心团队建立联系，一起参与Kuikly框架规划、新特性开发等。 ● 第二步，将三方社区的分享，按照Kuikly-third-party指引，提交到Kuikly社区。 欢迎将你的技术实践文章分享给我们！
99910编辑于 2025-12-31 Kuikly 实战：手把手撸一个跨平台 AI 聊天助手 (ChatDemo)
今天，我们就以 ChatDemo 为例，看看如何用一套 Kotlin 代码，在 Android、iOS 和 HarmonyOS 三端上通过 Kuikly Compose 完美复刻 ChatGPT 的流式对话体验 组件与布局Kuikly Compose 完美复刻了 Jetpack Compose 的开发体验，让习惯了 Android 开发的同学们倍感亲切。 1. 样式与修饰符 (Modifier)在 Kuikly Compose 中，attr {} 变成了更强大的 Modifier 链式调用。 这里展示了 Kuikly 强大的跨平台能力。 Kuikly 已经把“地基”打好了，剩下的就看你们如何在上面盖出万丈高楼了！今天的代码 Review 就到这里，还不快去 Clone 下来跑一跑？
63810编辑于 2025-12-22
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号