本文是照着張榮超老師的視頻教程的實操
功能:
1. 左側時間選擇器
2. 右側呼吸速度選擇器
3. 下方開始按鈕
4. 中間呼吸狀態
注:
1. 本文不講解開發環境的搭建,如有需要可以參考開發環境搭建:[https://developer.huawei.com/consumer/cn/forum/topicview?tid=0202355439466190732&fid=0101303901040230869](https://developer.huawei.com/consumer/cn/forum/topicview?tid=0202355439466190732&fid=0101303901040230869)
2. 原文可以到語雀去搜:鴻蒙,搜索結果排第一的作者:(目前)chatterzhao ,即為本文的作者,那邊的文檔還有一些其他教程。
3. 文中有的鏈接不能直接打開,大家可以右鍵打開。
4. 倉庫地址:[https://gitee.com/zhaoquan/harmonyoswatchdemo](https://gitee.com/zhaoquan/harmonyoswatchdemo)
一、項目創建
- IDE 名字中的 DevEco 好像讀:戴微扣,僅供參考
- 創建 TV 和 Wearable 項目可以選擇 JS 或 Java 開發框架;創建 Lite Wearbale 目前默認是 JS 框架
創建項目
如果你的 IDE 已經啟動了項目,則從 HuaWei DevEco Studio 的 File -> New -> NewProject,創建一個項目,項目名叫:HuXi
填寫項目名及項目存儲路徑
項目創建成功界面長這樣,后面我們的開發主要在 pages 下面進行
鴻蒙 JS 框架跟小程序思路很像,小程序開發者很容易入門,非常務實
我們把 Hello World 在預覽器中打開
需要進入到具體頁面編輯代碼,比如將雙擊 index.hml,然后將光標停留在代碼上,再去點菜單才顯示 Previewer
我們還可以把 Hello World 在遠程虛擬設備打開
點擊下面的 HVD Manager,如果 IDE 還沒有登錄開發者賬號,會自動啟動默認瀏覽器進行登錄。
華為手機直接用手機上的:設置->賬號中心(列表第一個)-> 右上角掃碼功能掃碼登錄。
如果非華為手機可以使用手機號+驗證碼或密碼登錄。
注意:
賬號如果沒有實名,或者實名審核通過時間不足10分鍾,也可能無法登錄成功,請實名后再試。
虛擬設備有使用時間時間限制,使用后及時關閉,開發中建議多用上面的預覽器或模擬器,少用遠程虛擬設備。
刷新
啟動遠程模擬器
啟動成功:
每次啟動只有 60 分鍾使用時長,測試完畢建議及時關閉
至此項目准備工作就完成了
二、開始擼代碼
為了防止文章太長,這里不繼續。下一篇文章的鏈接:https://developer.huawei.com/consumer/cn/forum/topicview?tid=0202356408634880779&fid=0101303901040230869
原文鏈接:https://developer.huawei.com/consumer/cn/forum/topicview?tid=0202356376262560775&fid=0101303901040230869
作者:chatterzhao