乐趣区

关于android:一起看-IO-Compose-for-Wear-OS-Beta-版发布

作者 / Kseniia Shumelchyk, Developer Relations Engineer & John Nichol, Tech Lead of Compose for Wear OS

咱们正式公布了 Compose for Wear OS 的 Beta 版,这是咱们的古代申明式用户界面工具包,旨在帮忙开发者为 Wear OS 构建精美的用户体验。

Compose for Wear OS 减少了为手表优化的组件,这些组件均基于 Wear OS 的最新 Material 设计规范,且建设在外围 Compose 库之上。工具包充沛活用了 Modern Android Development (古代 Android 开发),以减速整体开发过程。

在 Beta 版公布后,Compose for Wear OS 就领有了 1.0 版本 (将于往年晚些时候公布) 所需的残缺性能,且能供您构建生产就绪的利用。这也意味着它的 API 曾经稳固,今后咱们将专一于晋升性能以及针对 1.0 版本持续打磨现有组件。查看 Compose for Wear OS Beta 版公布视频 理解更多详情。

Beta 版本介绍

自去年的 I/O 大会以来,咱们始终在致力将 Jetpack Compose 的劣势带到 Wear OS,还通过 Slack 与社区互动,收集开发者对 API、组件和工具的反馈。一些组件也因而失去了改良,如导航、可缩放惰性列表 (scaling lazy list)、输出和手势反对等等。

在当初的 Beta 1 之前咱们曾经公布了 21 个 Alpha 版。让咱们一起看看自 开发者预览版 公布以来的次要变动:

🆕 输出组件

开发者要求咱们提供用户输出组件,所以咱们减少了不同的 Composable,供大家为本人的手表利用进行定制:

  • Picker 可让用户从滚动列表中抉择一个我的项目。默认状况下,这个蕴含可抉择我的项目的列表会在两个方向上 “ 有限 ” 反复,从侧面看上去像是一个旋转的滚筒。乏味的是,Picker 在底层应用了 ScalingLazyColumn 来实现,并将许多 ScalingLazyColumn 的高级性能进行了拓展和打磨。
  • Slider 可让用户从一个数值范畴内进行抉择,是调整字体大小或亮度等设置的现实组件。
  • Stepper 是让用户从一个数值范畴内进行抉择的全屏管制组件。例如,用户能够用其管制耳机的音量。

🆕 对话框

咱们减少了全屏正告和确认 Composable,它们既能够作为导航目的地,也能够用作传统的全屏 对话框 (Dialog),后者将被笼罩在任何其余内容之上。对话框反对滑动敞开,继而显示背景中的父级内容。

为了与 Scaffold 保持一致,全屏对话框会显示一个 PositionIndicator 和一个 Vignette。

🆕 进度指示器

咱们增加了 CircularProgressIndicator,这是一个为手表屏幕优化的进度指示器,通过将指示器沿顺时针方向的圆形轨道绘制来显示进度:

对于如何应用 CircularProgressIndicator,咱们提供了以下几种抉择: 要么显示有限的进度,要么表白正在进行的工作的实现比例。进度指示器容许在圆形轨道中留出空隙,为其余内容留出空间,例如在全屏时应用 TimeText。

🆕 页面指示器

为了帮忙您实现分页,用户界面工具包还提供了 HorizontalPageIndicator 组件,会显示总页数和所选页数:

HorizontalPageIndicator 将提供以后展现的页面以及在总页面数中的地位,并会依据屏幕的理论形态应用对应的视觉出现形式。

改良一览

  • ScalingLazyColumn: 改良了默认行为,使其与 Wear OS 的 Material 设计统一,包含更新了缩放参数、默认的额定填充,以及从其蕴含的内容获取尺寸。
  • Scaffold: 减少了 PageIndicator 槽位,以保障在圆形屏幕上的正确定位。
  • Navigation: 确保与 Compose Navigation 的性能统一,并减少了对边缘滑动的反对,以实现全屏和页面滚动的良好体验。
  • 曲线元素: 减少了 CurvedModifier 和一个新的 DSL,使开发者可能应用极坐标相干的概念,如径向、角度、扫描、顺 / 逆时针、圈内 / 外等。CurvedLayout 是连贯直角坐标和极坐标的桥梁,而 curvedComposable 能够用来引入传统的 Composable 组件 (前提是这样做有意义)。

在减少了这些最新的补充内容之后,用于 Wear OS 的 Compose Material 组件目录当初有了比基于视图 (View) 的布局更多的组件,并提供了基于新的 Wear OS 设计指南的开箱即用的实现。

工具

Android Studio Electric Eel 提供了最新的性能,让您取得 Compose for Wear OS 开发的最佳体验:

  • 编辑器和工具反对改良主动补全和编辑器动作
  • 针对 Wear OS 的 Composable Preview
  • 🆕 反对实时调试的实时编辑性能
  • 🆕 Compose for Wear OS 我的项目模板

Horologist

咱们还公布了 Horologist。这是一个 Google 开源我的项目,提供了一套 Wear 开发库,对 Compose for Wear OS 和其余 Wear OS API 所提供的性能进行了补充。

](https://devrel.andfun.cn/devr…)

△ 进一步理解 Horology

Horologist 提供有用的 Compose 扩大供您选用:

  • 媒体用户界面组件,包含播放和音量控制界面
  • Material 格调的日期和工夫选择器
  • 带有 TimeText 和 PositionIndicator 的导航感知 Scaffold,可与滚动和导航屏幕的变动放弃同步。

Horologist 将一直倒退,为开发者提供更多的工具,以便大家为不同的我的项目构建优良的 Wear OS 利用。请在 Github 上查看 Horologist repo,为咱们提供反馈,并奉献可能对 Wear 开发者有用的通用性能。请大家持续关注之后的版本!

即刻开始应用

许多挪动端 Compose 的开发准则同样实用于 Wear OS 版本的 Compose,如果您不相熟这套用户界面工具包,能够从 Jetpack Compose 的基础知识开始上手。

咱们筹备了一套资料来帮忙您开始应用 Compose for Wear OS:

  • Compose for Wear OS Pathway。
  • 帮您创立首个我的项目的 疾速入门指南
  • Wear OS 的 Compose Material 组件目录的最新 设计和实现指南
  • 简略版和简单版的 Compose for Wear OS 示例,可在 Github 上获取
  • Compose for Wear OS Codelab,可供您亲自上手体验

随着 Compose for Wear OS Beta 版的到来,当初是时候开始应用 Compose 来构建本人的利用或是用它来更新既有的界面了。想要理解无关为 Wear OS 构建利用的更多信息,请返回 开发者网站。

咱们急不可待想听到您对 Compose for Wear OS 的应用感想,也十分期待看到您构建的佳作!欢送大家退出 Kotlin Slack #compos-wear 频道的探讨,也请大家持续在问题反馈专页上向咱们 提交反馈。

祝大家应用 Compose 创作欢快!

欢迎您 点击这里 向咱们提交反馈,或分享您喜爱的内容、发现的问题。您的反馈对咱们十分重要,感谢您的反对!

退出移动版