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

相关推荐

  • 产品经理必会:项目管理流程(项目型产品经理工作的基本流程和规范)

    编辑导语:项目管理流程是产品经理必会的一项技能,一个项目往往包含很多复杂的流程和具体的细节,那么产品经理应该如何做好项目管理呢?本文作者拆解了项目流程,具体的分析了产品经理在每个阶…

    科研百科 2024年4月24日
    112
  • 小米11科研项目怎么样小米11科研项目怎么样

    小米11科研项目怎么样? 小米11是小米公司于2021年推出的一款高端智能手机,具有强大的性能和良好的用户体验。作为小米公司的科研项目之一,小米11在技术创新和品质方面都有着很高的…

    科研百科 2024年9月13日
    31
  • 项目进度管理ppt模板

    项目进度管理PPT模板 项目进度管理是项目管理中非常重要的一环,它能够有效地控制项目进度,保证项目按时完成。在项目中,进度管理不仅仅是为了保证项目按时完成,更是为了项目的成功完成。…

    科研百科 2024年8月20日
    50
  • 招聘项目信息管理系统

    招聘项目信息管理系统 随着招聘市场的不断发展,越来越多的企业开始采用招聘项目信息管理系统来帮助他们管理招聘流程,包括招聘进度、候选人信息管理、招聘预算等。本文将介绍一种基本的招聘项…

    科研百科 2025年6月29日
    0
  • 高校主持省部级科研项目难吗

    高校主持省部级科研项目难吗? 近年来,随着高校在科研领域的不断发展,主持省部级科研项目已经成为了许多高校教师的重要目标之一。然而,主持省部级科研项目的难度也是不可忽视的。本文将探讨…

    科研百科 2025年6月1日
    1
  • VR全景党建系统的组成、特点及优势(vr+党建)

    在当今社会,各类文化科技知识飞速发展,传统的党建形式和内容有的时候显得较为枯燥, 尤其是对年轻党员的吸引力呈现降低趋势。随着vr技术逐渐成熟,应用领域拓宽,VR市场成为了一个千亿级…

    科研百科 2024年2月1日
    180
  • 录取到中国科学技术大学学子,科技大各专业的收费标准2022年参考

    由于中国科学技术大学目前还未公布2022年招生计划和学费,所以本文将为大家展示中国科学技术大学2021年各专业的学费。虽然各校各专业的学费每年的变化基本不大,但还是建议同学们持续关…

    科研百科 2024年4月13日
    147
  • 如何选择一个好的科研项目如何选择一个好的科研项目

    选择一个好的科研项目是成功开展研究的关键。以下是一些选择科研项目的建议: 1. 明确研究目标和方向。在选择科研项目之前,你需要明确自己的研究目标和方向。确定你的研究主题,并考虑你的…

    科研百科 2024年6月13日
    85
  • 如何协同办公

    协同办公是指多人在同一地点或同一设备上共同完成工作的过程,是现代组织中不可或缺的一部分。以下是一些协同办公的建议和技巧,有助于提高工作效率和团队协作能力。 1. 制定明确的目标和计…

    科研百科 2024年8月27日
    33
  • 科研项目LZM00临床试验

    科研项目LZM00临床试验 近年来,随着科技的不断进步,科研项目LZM00临床试验也取得了重大进展。该研究旨在探索对于癌症治疗具有重要价值的LCMS2基因在人类体内的表达情况,以及…

    科研百科 2025年5月5日
    0