JetBrains宣布新工具,使用Kotlin开发适配多端的Web UI

JetBrains 宣布了一款名为“Jetpack Compose for Web”的新工具,官方介绍称此项目基于 Google 现代 UI 工具包 Jetpack Compose,支持使用 Kotlin 编写响应式 Web UI。

Jetpack Compose 是用于构建原生界面的新款 Android 工具包。它可简化并加快 Android 上的界面开发。使用更少的代码、强大的工具和直观的 Kotlin API,快速让应用生动而精彩。UI 代码和预览如下图所示:

JetBrains宣布新工具,使用Kotlin开发适配多端的Web UI

据介绍,Jetpack Compose for Web 可简化并加速 Web 应用的 UI 开发,目标是在 Web、桌面和 Android APP 之间实现 UI 代码共享,一套代码适应多端。目前处于技术预览阶段

JetBrains宣布新工具,使用Kotlin开发适配多端的Web UI

JetBrains宣布新工具,使用Kotlin开发适配多端的Web UI

使用 Compose for Web 构建用户界面

借助 Compose for Web,开发者通过使用 Kotlin 并应用 Jetpack Compose 的概念和 API 为 Web 构建响应式用户界面,以表达应用程序的状态、行为和逻辑。

可组合的 DOM API

  • 通过 DOM 元素和 HTML 标签表达设计和布局

  • 使用类型安全的 HTML DSL 构建 UI 表示形式

  • 通过使用类型安全的 CSS DSL 创建样式表来完全控制应用程序的外观

  • 通过 DOM 子树与其他 JavaScript 库集成

JetBrains宣布新工具,使用Kotlin开发适配多端的Web UI

JetBrains宣布新工具,使用Kotlin开发适配多端的Web UI

具有 Web 支持的多平台小部件

  • 通过利用 Kotlin 的 Expect-actual 机制来提供特定于平台的实现,从而使用和构建可在 Android、桌面和 Web 上运行的 Compose 小部件

  • 处于实验性阶段的一组布局原语 (layout primitives) 和API,这些原语和 API 与 Compose for Desktop/Android 的功能相似

示例代码

使用 Composable DOM 编写简单的计数器

JetBrains宣布新工具,使用Kotlin开发适配多端的Web UI

声明和使用样式表

JetBrains宣布新工具,使用Kotlin开发适配多端的Web UI

声明和使用 CSS 变量

JetBrains宣布新工具,使用Kotlin开发适配多端的Web UI

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2023年3月20日 上午9:21
下一篇 2023年3月20日 上午9:31

相关推荐

  • 检测公司科研项目

    检测公司科研项目:人工智能在检测领域的应用 随着科技的不断发展,检测公司科研项目也在逐渐进步。在近年来,人工智能在检测领域的应用也越来越广泛。人工智能可以通过对数据的分析,快速、准…

    科研百科 2025年2月10日
    0
  • 客户关系管理的解释

    客户关系管理(CRM)是一种通过收集、分析和利用客户信息,提高客户满意度、增加销售额和减少营销成本的管理方法。CRM系统可以帮助企业识别、跟踪和分析客户,更好地了解客户需求和行为,…

    科研百科 2024年8月27日
    26
  • 河南尉氏县朱曲镇四项措施加强专项资金管理

    为进一步加强专项资金管理,严肃财经工作纪律,尉氏县朱曲镇财政所用教育培训、健全机制、管理使用、绩效评价“四招”下功夫,确保财政专项资金安全和有效使用。镇财政所采取多项措施,确保了财…

    科研百科 2022年10月6日
    264
  • 软件开发中的人力外包(软件开发中的人力外包是什么)

    人力/岗位外包有什么作用?优势是哪些?北京木奇移动技术有限公司,专业的软件外包开发公司,欢迎洽谈合作。 1、人力外包可以降低企业管理成本。 企业无需为外包的岗位设立专门的人力资源管…

    科研百科 2023年5月13日
    250
  • 忻州市住房公积金管理中心:“党建+”模式促进业务发展(党建引领,公积金业务发展)

    本报忻州2月18日讯(记者畅雪 通讯员杨峰雷)忻州市住房公积金管理中心坚持以党建为引领,探索推进党建工作与队伍建设、业务发展、窗口服务深度融合,各项主要业务均实现快速、高质量发展。…

    科研百科 2023年6月19日
    183
  • 看这篇就够了!科研项目管理深度解析!(科研项目管理问题)

    科学是我们时代的神经系统。——高尔基 1、科研成果:社会经济发展的“主引擎” 科研项目管理的重要性不言而喻,科研成果是一个社会经济发展的“主引擎”,一项具备重大技术创新的科研项目成…

    科研百科 2022年5月22日
    410
  • 南京项目管理系统有哪些

    南京项目管理系统有哪些 南京作为江苏省的省会城市,是江苏省政治、经济、文化和交通中心。随着企业规模的不断扩大和项目管理的需要,南京的项目管理系统也不断发展和完善。以下是南京的一些常…

    科研百科 2天前
    0
  • 一张图让你掌握项目管理必备的管理基本功全景图(项目管理各种图)

    很多人初做项目或者是刚转为项目经理,不知道从何下手,甚至有的干了很多年的项目经理,说到管理项目团队到底管什么?脑子里面也是一片模糊,本文总结了一下项目经理必修的管理能力基本功,梳理…

    科研百科 2022年5月23日
    1.8K
  • 二局pm项目管理系统

    二局PM项目管理系统:提高项目管理效率 随着现代信息技术的不断发展,项目管理已经成为了现代企业不可或缺的一部分。而作为企业项目管理中的重要工具,二局PM项目管理系统已经成为了许多企…

    科研百科 2025年1月15日
    0
  • 科研项目系统代码

    科研项目系统代码 科研项目系统代码是进行科学研究的重要工具,它为研究人员提供了一个平台来管理和组织实验、数据、报告等信息。在这个系统中,研究人员可以编写代码来创建实验、处理数据、生…

    科研百科 2025年3月6日
    0