作者 / Kseniia Shumelchyk, Developer Relations Engineer & John Nichol, Tech Lead of Compose for Wear OS
我們正式發(fā)布了 Compose for Wear OS 的 Beta 版，這是我們的現(xiàn)代聲明式用戶界面工具包，旨在幫助開發(fā)者為 Wear OS 構(gòu)建精美的用戶體驗(yàn)陷寝。
Compose for Wear OS 增加了為手表優(yōu)化的組件锅很，這些組件均基于 Wear OS 的最新 Material 設(shè)計(jì)規(guī)范，且建立在核心 Compose 庫之上凤跑。工具包充分活用了 Modern Android Development (現(xiàn)代 Android 開發(fā))爆安，以加速整體開發(fā)進(jìn)程。
在 Beta 版發(fā)布后仔引，Compose for Wear OS 就擁有了 1.0 版本 (將于今年晚些時(shí)候發(fā)布) 所需的完整功能扔仓，且能供您構(gòu)建生產(chǎn)就緒的應(yīng)用。這也意味著它的 API 已經(jīng)穩(wěn)定咖耘，今后我們將專注于提升性能以及針對(duì) 1.0 版本繼續(xù)打磨現(xiàn)有組件翘簇。查看 Compose for Wear OS Beta 版發(fā)布視頻 了解更多詳情。
Beta 版本介紹
自去年的 I/O 大會(huì)以來儿倒，我們一直在努力將 Jetpack Compose 的優(yōu)勢(shì)帶到 Wear OS版保，還通過 Slack 與社區(qū)互動(dòng)，收集開發(fā)者對(duì) API夫否、組件和工具的反饋彻犁。一些組件也因此得到了改進(jìn)，如導(dǎo)航凰慈、可縮放惰性列表 (scaling lazy list)汞幢、輸入和手勢(shì)支持等等。
在現(xiàn)在的 Beta 1 之前我們已經(jīng)發(fā)布了 21 個(gè) Alpha 版微谓。讓我們一起看看自 開發(fā)者預(yù)覽版 發(fā)布以來的主要變化:
?? 輸入組件
開發(fā)者要求我們提供用戶輸入組件森篷，所以我們?cè)黾恿瞬煌?Composable，供大家為自己的手表應(yīng)用進(jìn)行定制:
Picker 可讓用戶從滾動(dòng)列表中選擇一個(gè)項(xiàng)目堰酿。默認(rèn)情況下疾宏，這個(gè)包含可選擇項(xiàng)目的列表會(huì)在兩個(gè)方向上 "無限" 重復(fù)，從側(cè)面看上去像是一個(gè)旋轉(zhuǎn)的滾筒触创。有趣的是坎藐，Picker 在底層使用了 ScalingLazyColumn 來實(shí)現(xiàn)，并將許多 ScalingLazyColumn 的高級(jí)功能進(jìn)行了拓展和打磨哼绑。
Slider 可讓用戶從一個(gè)數(shù)值范圍內(nèi)進(jìn)行選擇岩馍，是調(diào)整字體大小或亮度等設(shè)置的理想組件。
Stepper 是讓用戶從一個(gè)數(shù)值范圍內(nèi)進(jìn)行選擇的全屏控制組件抖韩。例如蛀恩，用戶可以用其控制耳機(jī)的音量。
?? 對(duì)話框
我們?cè)黾恿巳辆婧痛_認(rèn) Composable茂浮，它們既可以作為導(dǎo)航目的地双谆，也可以用作傳統(tǒng)的全屏 對(duì)話框 (Dialog)壳咕，后者將被覆蓋在任何其他內(nèi)容之上。對(duì)話框支持滑動(dòng)關(guān)閉顽馋，繼而顯示背景中的父級(jí)內(nèi)容谓厘。
為了與 Scaffold 保持一致，全屏對(duì)話框會(huì)顯示一個(gè) PositionIndicator 和一個(gè) Vignette寸谜。
?? 進(jìn)度指示器
我們添加了 CircularProgressIndicator竟稳，這是一個(gè)為手表屏幕優(yōu)化的進(jìn)度指示器，通過將指示器沿順時(shí)針方向的圓形軌道繪制來顯示進(jìn)度:
對(duì)于如何使用 CircularProgressIndicator熊痴，我們提供了以下幾種選擇: 要么顯示無限的進(jìn)度他爸，要么表達(dá)正在進(jìn)行的任務(wù)的完成比例。進(jìn)度指示器允許在圓形軌道中留出空隙果善，為其他內(nèi)容留出空間诊笤，例如在全屏?xí)r使用 TimeText。
?? 頁面指示器
為了幫助您實(shí)現(xiàn)分頁岭埠，用戶界面工具包還提供了 HorizontalPageIndicator 組件盏混，會(huì)顯示總頁數(shù)和所選頁數(shù):
HorizontalPageIndicator 將提供當(dāng)前展示的頁面以及在總頁面數(shù)中的位置，并會(huì)根據(jù)屏幕的實(shí)際形狀使用對(duì)應(yīng)的視覺呈現(xiàn)方式惜论。
改進(jìn)一覽
- ScalingLazyColumn: 改進(jìn)了默認(rèn)行為许赃，使其與 Wear OS 的 Material 設(shè)計(jì)一致，包括更新了縮放參數(shù)馆类、默認(rèn)的額外填充混聊，以及從其包含的內(nèi)容獲取尺寸。
- Scaffold: 增加了 PageIndicator 槽位乾巧，以保證在圓形屏幕上的正確定位句喜。
- Navigation: 確保與 Compose Navigation 的功能一致，并增加了對(duì)邊緣滑動(dòng)的支持沟于，以實(shí)現(xiàn)全屏和頁面滾動(dòng)的良好體驗(yàn)罐呼。
- 曲線元素: 增加了 CurvedModifier 和一個(gè)新的 DSL隐圾，使開發(fā)者能夠使用極坐標(biāo)相關(guān)的概念，如徑向、角度匙握、掃描粒梦、順/逆時(shí)針浩习、圈內(nèi)/外等汽煮。CurvedLayout 是連接直角坐標(biāo)和極坐標(biāo)的橋梁，而 curvedComposable 可以用來引入傳統(tǒng)的 Composable 組件 (前提是這樣做有意義)睡毒。
在增加了這些最新的補(bǔ)充內(nèi)容之后来惧，用于 Wear OS 的 Compose Material 組件目錄現(xiàn)在有了比基于視圖 (View) 的布局更多的組件，并提供了基于新的 Wear OS 設(shè)計(jì)指南的開箱即用的實(shí)現(xiàn)演顾。
工具
Android Studio Electric Eel 提供了最新的功能供搀，讓您獲得 Compose for Wear OS 開發(fā)的最佳體驗(yàn):
- 編輯器和工具支持改進(jìn)自動(dòng)補(bǔ)全和編輯器動(dòng)作
- 針對(duì) Wear OS 的 Composable Preview
- ?? 支持實(shí)時(shí)調(diào)試的實(shí)時(shí)編輯功能
- ?? Compose for Wear OS 項(xiàng)目模板
Horologist
我們還發(fā)布了 Horologist隅居。這是一個(gè) Google 開源項(xiàng)目，提供了一套 Wear 開發(fā)庫趁曼，對(duì) Compose for Wear OS 和其他 Wear OS API 所提供的功能進(jìn)行了補(bǔ)充军浆。
△ 進(jìn)一步了解 Horology
Horologist 提供有用的 Compose 擴(kuò)展供您選用:
- 媒體用戶界面組件，包括播放和音量控制界面
- Material 風(fēng)格的日期和時(shí)間選擇器
- 帶有 TimeText 和 PositionIndicator 的導(dǎo)航感知 Scaffold挡闰，可與滾動(dòng)和導(dǎo)航屏幕的變化保持同步。
Horologist 將不斷發(fā)展掰盘，為開發(fā)者提供更多的工具摄悯，以便大家為不同的項(xiàng)目構(gòu)建優(yōu)秀的 Wear OS 應(yīng)用。請(qǐng)?jiān)?Github 上查看 Horologist repo愧捕，為我們提供反饋奢驯，并貢獻(xiàn)可能對(duì) Wear 開發(fā)者有用的通用功能。請(qǐng)大家繼續(xù)關(guān)注之后的版本次绘！
即刻開始使用
許多移動(dòng)端 Compose 的開發(fā)原則同樣適用于 Wear OS 版本的 Compose瘪阁，如果您不熟悉這套用戶界面工具包，可以從 Jetpack Compose 的基礎(chǔ)知識(shí)開始上手邮偎。
我們準(zhǔn)備了一套材料來幫助您開始使用 Compose for Wear OS:
- Compose for Wear OS Pathway管跺。
- 幫您創(chuàng)建首個(gè)項(xiàng)目的 快速入門指南
- Wear OS 的 Compose Material 組件目錄的最新 設(shè)計(jì)和實(shí)現(xiàn)指南
- 簡(jiǎn)單版和復(fù)雜版的 Compose for Wear OS 示例，可在 Github 上獲取
- Compose for Wear OS Codelab禾进，可供您親自上手體驗(yàn)
隨著 Compose for Wear OS Beta 版的到來豁跑，現(xiàn)在是時(shí)候開始使用 Compose 來構(gòu)建自己的應(yīng)用或是用它來更新既有的界面了。想要了解有關(guān)為 Wear OS 構(gòu)建應(yīng)用的更多信息泻云，請(qǐng)前往 開發(fā)者網(wǎng)站艇拍。
我們迫不及待想聽到您對(duì) Compose for Wear OS 的使用感想，也非常期待看到您構(gòu)建的佳作宠纯！歡迎大家加入 Kotlin Slack #compos-wear 頻道的討論卸夕，也請(qǐng)大家繼續(xù)在問題反饋專頁上向我們 提交反饋。
祝大家使用 Compose 創(chuàng)作愉快婆瓜！
歡迎您 點(diǎn)擊這里 向我們提交反饋快集，或分享您喜歡的內(nèi)容、發(fā)現(xiàn)的問題勃救。您的反饋對(duì)我們非常重要碍讨，感謝您的支持！
