- 综合排序
- 最热优先
- 最新优先
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的交互和动画特性。敬请期待！
30110编辑于 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.
5.4K60编辑于 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
20210编辑于 2026-04-10- 来自专栏腾讯开源的专栏
腾讯开源Kuikly框架能力、生态再升级，诚邀你携手，共筑跨端技术新生态
Kuikly迭代加速，框架能力持续增强完善 自开源以来，Kuikly框架始终以GitHub作为迭代仓库，保持快速版本迭代，并持续进化。 我们将邀请您参与项目规划等核心会议，成为 Kuikly 发展的“决策参与者” Kuikly专属礼品奖励： 除荣誉激励外，我们还设立了 Kuikly 专属实物礼品奖励，旨在给予贡献者更及时、更直接的鼓励与回馈 贡献参与指引：从这里开始，与 Kuikly 共同成长 无论你是刚接触 Kuikly，还是具有丰富经验的“Kuikly老手”来说，都可以通过以下方式参与到社区建设中，为Kuikly生态添砖加瓦。 或者有意持续参与贡献的开发者，可与Kuikly核心团队建立联系，一起参与Kuikly框架规划、新特性开发等。 ● 第二步，将三方社区的分享，按照Kuikly-third-party指引，提交到Kuikly社区。 欢迎将你的技术实践文章分享给我们！
59310编辑于 2025-12-31 客户端跨端框架选型指南 2026：为什么 Android 团队首选 Kuikly？
本文将从上手成本这一核心视角切入，全面分析腾讯开源的 Kuikly 框架，为不同技术背景的团队提供一个清晰的选型决策地图。二、 Kuikly 是什么？ 一键创建项目：安装 Kuikly Plugin 到 Android Studio。 ") fontSize(14f) } } } }}六、 Kuikly 的两种开发范式 Kuikly 七、 快速决策 FAQ Q：我们团队主要是 Android 开发，想快速拓展 iOS 和鸿蒙端，Kuikly 适合吗？A：非常适合，这是 Kuikly 的最佳场景。 Q：Kuikly 的性能和稳定性如何？有线上案例吗？A： Kuikly 采用原生渲染，性能接近纯原生。
31600编辑于 2026-04-19- 来自专栏从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做的更好。
55820编辑于 2025-10-21 Kuikly在鸿蒙应用开发的分场景适配实践
二、分场景/分客群解析与推荐Kuikly核心标签与适用情境Kuikly主打深度集成、原生级渲染、鸿蒙优先适配。 操作层面提示若团队原已用Kotlin MultiPlatform，迁移到Kuikly几乎可沿用既有逻辑层；若需直连鸿蒙硬件特性或分布式任务，Kuikly提供比通用跨端框架更短的路径。 五、常见问题解答Kuikly的日活数据怎么理解？ 指Kuikly支撑的20+腾讯业务总日活用户超5亿，来源于官方应用案例页（https://kuikly.tds.qq.com/Introduction/application_cases.html），是对所服务业务的整体统计 Kuikly适合小团队吗？适合。轻量SDK与模板库可降低多端开发门槛，让中小团队集中资源打磨核心体验。 强合规场景用Kuikly有什么优势？
11310编辑于 2026-04-08为啥选了Kuikly？2025 “液态玻璃时代” 六大跨端框架横向对比
上一篇文章，我们用 Kuikly 快速搞定了“孤寡青蛙”App，一码五端跑起来的感觉确实丝滑。 Kuikly 在此基础上还自研了一套 DSL，语法更贴近 UI 描述，非常简洁。 Kuikly 则在性能和 UI 表现上取得了更好的平衡。它不仅拥有接近原生的性能，还能更好地融入现代操作系统的设计语言，是追求极致体验下的不二之选。为什么“孤寡青蛙”选择 Kuikly？ 回到我们的项目，选择 Kuikly 主要基于以下几点考虑：技术栈亲和：作为一名 Android 开发者，Kotlin 是我最熟悉的语言，使用 Kuikly 几乎没有学习成本。 Kuikly 作为一个新兴框架，我们很乐意去尝试并分享我们的使用体验。
2K30编辑于 2025-09-01Kuikly AI 实践文章精选：从趣味Demo到工程化落地，看AI如何重塑跨端开发
一、入门尝鲜：用AI+Kuikly快速打造趣味应用 推荐阅读：《我让AI用Kuikly写了个“孤寡青蛙”App，一码五端真丝滑！》 这篇文章是绝佳的入门指南。 二、深度实践：搜狗输入法的AI工程化探索 必读文章：《腾讯广泛使用的跨端开发框架——Kuikly在搜狗输入法中的AI Coding实践》 这是目前关于Kuikly AI实践最系统、最深入的工程化案例。 三、技术探索：构建跨平台AI聊天助手 **推荐阅读：《Kuikly 实战:手把手撸一个跨平台 AI 聊天助手 (ChatDemo)》**网页 如果你想了解如何用Kuikly构建一个功能完整的AI原生应用 Kuikly的官方文档和社区资源，是持续学习和探索的坚实后盾。 相关资源直达： Kuikly 官方文档：https://kuikly.tds.qq.com Kuikly GitHub：https://github.com/Tencent-TDS/KuiklyUI Kuikly
8100编辑于 2026-04-14七夕到了，我让AI用Kuikly写了个“孤寡青蛙“App，一码五端真丝滑！
Kuikly框架介绍 在正式开搞之前，我们先来简单认识一下今天的主角——Kuikly。 arch.html 为什么选择Kuikly？ 接下来，我们开始搭建Kuikly的开发环境。 整个过程还是比较顺利的，Kuikly的官方文档写得非常详细。这里我简单总结一下步骤： 安装Android Studio: 这是我们主要的开发工具。 安装Kuikly插件: 在Android Studio的插件市场里搜索"Kuikly"，一键安装。 创建新项目: 使用Kuikly插件提供的模板，可以快速创建一个新的Kuikly项目。 同时继续学习下Kuikly，深入对比一下Kuikly、Flutter和React Native这三大主流跨端框架，看看它们各自都有哪些优缺点。
60110编辑于 2025-08-29- 来自专栏腾讯开源的专栏
开源公告｜腾讯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，加入开源社区
71610编辑于 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 仓库最新版本为准。
12110编辑于 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的容器。
23810编辑于 2025-10-27 HarmonyOS 鸿蒙跨端开发实践：用 Kuikly 复用 AndroidiOS 代码的完整方案
这正是 Kuikly 要解决的问题。 二、Kuikly 是什么？ Kotlin ArkUI Native API（原生渲染） 轻量 ✅ Kuikly 鸿蒙端性能如何？ 扩展鸿蒙原生能力 Q：Kuikly 如何调用鸿蒙特有 API？ Q：Kuikly 如何嵌入鸿蒙原生组件？ A：Kuikly 统一使用 Flexbox 布局模型，跨端布局行为一致，无需为鸿蒙单独调整样式。
20610编辑于 2026-04-14Kuikly在跨端开发选型中的挑战与落地实践
Kuikly采用Compose DSL，可在编译期将声明式描述映射为平台原生绘制指令，减少运行期差异。 Kuikly兼容标准KMP组件，可复用成熟生态成果，并规划KuiklyBase组件市场以提升质量门槛。 常见问题解答Q1：Kuikly适合全新项目还是存量项目改造？A1：Kuikly兼具新建与改造能力。 Q3：在性能要求极高的场景下，Kuikly如何发挥作用？ 快速接入Kuikly官方文档：https://kuikly.tds.qq.com/GitHub：https://github.com/Tencent-TDS/KuiklyUI
23710编辑于 2026-04-08跨端框架 UI 组件库选型实战 2026：自带丰富生态，快速搭建多端应用
Kuikly：腾讯系 Kotlin 团队的“原生捷径” 核心优势：原生体验 + 腾讯生态。 以你关注的 Kuikly 为例，展示其组件库在快速开发中的价值：场景：开发一个跨端（Android/iOS）的用户设置页面，包含表单和列表。 使用 Kuikly UI： // 直接使用 Kuikly 封装的高阶组件 Form { TextField(label = "昵称", value = nameState) Picker Kuikly 的组件已经处理了 Android 和 iOS 的交互差异（如 Picker 的滚动样式），你只需要关心业务数据绑定。 特别提示：如果你选 Kuikly，可以直接访问 Kuikly UI GitHub查看组件 Demo，官方提供了完整的示例工程，导入 Android Studio 即可运行体验。
19700编辑于 2026-04-19Kuikly支撑电商高性能动态更新的实践方法
Kuikly支撑电商高性能动态更新的实践方法Kuikly，是指腾讯TDSOteam推出的基于KotlinMultiPlatform的跨平台解决方案，其核心特点是高性能、全平台、统一代码库、易用性，以及支持动态灵活的 Kuikly的动态化机制与渲染原理Kuikly的动态化能力建立在双范式编程与自有DSL之上，同时兼容ComposeDSL，使开发者可在声明式与响应式之间自由切换。 商品详情与列表优化：在商品瀑布流与详情页中，Kuikly通过原生渲染接口保持滑动流畅度与触控响应，减少因卡顿造成的跳出率。 在鸿蒙平台适配验证中，Kuikly可解决电商高并发性能瓶颈，并保持多端一致的动态更新能力，确保新品首发与全渠道同步体验。 此模式既保证了素材迭代的敏捷性，又利用Kuikly的原生渲染能力维持交互流畅与视觉保真，避免因资源加载导致的性能下降。
13010编辑于 2026-04-13AI+Kuikly自研DSL初体验：让UI开发更简洁优雅
Kuikly自研DSL初体验：让UI开发更简洁优雅本文是关于Kuikly自研DSL的初体验文章，简单介绍了其语法特点和与Compose DSL的差异，并实践了用AI生成Kuikly页面的可行性，不含深入的架构和原理性分析 Kuikly也采用了类似的声明式UI开发方式，不过特殊的是，Kuikly同时支持两种DSL：自研DSL（称之为Kuikly DSL）类似Compose的DSL（简单称之为Compose DSL）你可能会问 2、Kuikly DSL语法特点Kuikly的DSL语法，给我的第一感觉就是：简洁、直观。 首先，跟着官网文档指引，让我们新建一个Kuikly的模版项目：注意在选择DSL时，要选择“Kuikly”而不是“Compose”：下一步，插件就帮我们生成好了一个简单的Kuikly Hello World 参考Kuikly官方文档Kuikly GitHub仓库
50710编辑于 2025-09-15- 来自专栏从0使用Kuikly框架写小红书Demo
从0使用Kuikly框架写一个小红书Demo-Day1
一、Kuikly初体验1.1 Kuikly简介在移动应用开发领域，跨平台解决方案一直是行业追求的目标。 Kuikly官网给出了详细的上手教程，接下来我们来深入体验Kuikly流畅的开发过程吧。1.2 环境搭建工欲善其事，必先利其器！ 首先跟着Kuikly详细的官方教程，把开发环境搭建好，并编写Kuikly的第一个“Hello，Kuikly”页面Kuikly是基于Kotlin MultiPlatform(KMP)实现的一套跨平台应用框架 目前Kuikly Android Studio插件提供了以下功能新建Kuikly业务工程: 一键生成Kuikly业务工程与 Android/iOS/Ohos App 宿主工程，自动集成Kuikly依赖等新建 那么，Kuikly会是你跨端的第一选择吗？
76921编辑于 2025-10-11 Kuikly 上手成本分析：面向跨平台框架选型的开发者指南
本文将从技术背景、环境搭建、语言学习、框架概念、开发范式等多个维度，全面分析 Kuikly 的上手成本，帮助不同背景的开发者快速评估是否适合引入 Kuikly。 二、Kuikly 简介 Kuikly 是腾讯开源的跨平台 UI 开发框架，基于 Kotlin Multiplatform（KMP） 技术构建，支持 Android、iOS、HarmonyOS、Web（H5 ，iOS AOT 模式 ~1.2MB 三、上手前置知识要求 开始使用 Kuikly 需要具备以下基础知识： 知识领域 说明 是否必须 Kotlin 语言 Kuikly 基于 Kotlin Multiplatform View 属性 Kuikly DSL 八、与主流跨平台框架的客观对比 框架 开发语言 渲染方式 布局体系 动态化支持 Android 开发者是否需要学新语言 Kuikly Kotlin 原生 View 环境配置指南 https://kuikly.tds.qq.com/QuickStart/env-setup.html 接入指南总览 https://kuikly.tds.qq.com/QuickStart
29410编辑于 2026-04-14
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号