开发|Kotlin声明式UI框架Compose Multiplatform 1.0正式上线

IT之家 12 月 20 日消息 , 据 JetBrains 发布 , JetBrains 的 Kotlin 声明式 UI 框架 Compose Multiplatform 已更新至 1.0 版 , 可供生产使用!

开发|Kotlin声明式UI框架Compose Multiplatform 1.0正式上线
文章图片

JetBrains 将介绍一些亮点 , 希望你能和 JetBrains 一样期待框架的发布:

  • 在桌面上 , 你可以快速高效地创建具有精美用户界面的 Kotlin 应用 。
  • 在 Web 上 , 你可以使用 Compose for Web 的稳定 DOM API 构建生产级动态 Web 体验 , 并实现与所有浏览器 API 的完全互操作 。未来版本将提供对 Material UI 微件的支持 。
  • 总体而言 , 现在各平台间(包括 Android , 使用与 Google 的 Jetpack Compose 的兼容)的专业知识和代码共享都得到了大幅简化 。
接下来 JetBrains 将逐一介绍这些亮点 。
扫码访问 Compose Multiplatform 网站
桌面版 Kotlin UI
在很长一段时间内 , 如果你想为 Kotlin 桌面应用程序构建用户界面 , 你都必须使用传统的 Java UI 框架 , 因为没有任何 Kotlin 库支持桌面的现代化 UI 开发风格 。这一状况将被 Compose Multiplatform 改变 。JetBrains 这就来探索新的框架会如何改善为 Kotlin 应用编写 UI 的体验 。
构建用户界面的声明式方法
Compose Multiplatform 为声明式 , 代码反映了应用的 UI 结构 , 让你无需担心将数据从模型复制到视图或开发 UI 刷新逻辑之类的事情 。全能高效的框架将让 UI 开发成为一种享受 。在这个示例中 , 当 TextField 的内容被编辑后 , Text 标签的内容将被更新 , 无需任何额外代码:
var text by remember { mutableStateOf("Hello, World!") } Column { Text(text) //text label TextField(text, {text = it}) //text field }
Compose Multiplatform 入门简单 , 上手体验类似于 React 或 Google 的 Jetpack Compose 之类的声明式 UI 框架 。 Compose Multiplatform 使用了许多相同的概念 , 应该会让你倍感亲切 。
React
https://zh-hans.reactjs.org/
Jetpack Compose
https://developer.android.com/jetpack/compose
通过硬件加速实现出色的运行时性能
现代化用户界面对性能相当敏感 , 因此 JetBrains 花了大量精力来提高 Compose Multiplatform 的速度 。它使用的图形库 Skia 经过了良好优化 , 已被性能敏感的应用程序广泛采用 , 包括新型浏览器 。这意味着 Compose Multiplatform 支持桌面上的所有主流硬件加速引擎 , 例如 DirectX、Metal 和 OpenGL 。对于硬件加速不可用的环境 , Compose 也提供了优化的软件渲染程序 。
Skia
https://skia.org/
通过预览工具缩短迭代周期
在 UI 开发中 , 最耗时的任务之一是为了取得完美显示效果而重建应用程序 。 Compose Multiplatform IDEA 插件将简化这一过程 。它的内置实时预览功能可供微调 UI 的组件 / 部件和创建多个迭代 , 而无需重建或重新启动应用程序 。这将大幅缩短开发周期 。

推荐阅读