主要開發(fā)內(nèi)容
時(shí)間調(diào)節(jié)
使用全局UI的方法定義日期滑動(dòng)選擇器彈窗并彈出。
操作說(shuō)明:首先創(chuàng)建一個(gè)包含按鈕的用戶界面,當(dāng)用戶點(diǎn)擊“時(shí)間設(shè)置”按鈕時(shí),會(huì)彈出調(diào)用TimePickerDialog組件的show方法,顯示一個(gè)時(shí)間選擇對(duì)話框,用戶進(jìn)行選擇時(shí)間后,該選擇會(huì)被傳遞給前一個(gè)界面進(jìn)行處理。
實(shí)現(xiàn)效果如下:
時(shí)間設(shè)置功能
功能切換
使用UI組件和方法實(shí)現(xiàn)功能界面的切換。
操作說(shuō)明:通過(guò)this.isComplete的布爾值進(jìn)行條件渲染和改變界面。
首先:進(jìn)行判斷this.isComplete的值,若該條件為true,進(jìn)行“制冷腔”文本標(biāo)簽的顯示。
若條件為false,進(jìn)行顯示另一個(gè)文本“蓄冷腔”,通過(guò)之后獲取this.isComplete的值實(shí)現(xiàn)兩個(gè)文本間的切換和顯示,且兩個(gè)文本渲染和位置相同。
接下來(lái):通過(guò)Column和Row組件將“14攝氏度”和“16攝氏度”水平放置,這兩個(gè)文本組件的顏色會(huì)根據(jù)this.isComplete的值改變,但改變的方式與下述按鈕不同,實(shí)現(xiàn)兩個(gè)文本的左右顏色的切換而不是在原位置實(shí)現(xiàn)的文本覆蓋。
最后,設(shè)置按鈕,顯示“腔室切換”,當(dāng)點(diǎn)擊時(shí),會(huì)將this.isComplete的值取反(如果之前是true,則變?yōu)閒alse,反之亦然),同時(shí)代碼中的.onClick方法是一個(gè)事件監(jiān)聽(tīng)器,它會(huì)在按鈕被點(diǎn)擊時(shí)執(zhí)行給定的函數(shù),這個(gè)函數(shù)將this.isComplete的值切換。
實(shí)現(xiàn)效果如下:
制冷腔功能
點(diǎn)擊按鈕:制冷腔→蓄冷腔,14攝氏度→16攝氏度:
蓄冷腔功能
總結(jié)
該功能是基于手機(jī)、平板、智慧屏或智能穿戴的模板進(jìn)行的開發(fā),HarmonyOS提供了豐富的組件,通過(guò)全面系統(tǒng)的了解學(xué)習(xí)ArkTS API的調(diào)用,使用全局UI的方法定義日期滑動(dòng)選擇器彈窗并彈出和功能界面的切換。
本項(xiàng)目的目標(biāo)是開發(fā)一個(gè)易于使用且功能強(qiáng)大的系統(tǒng),用于時(shí)間管理和腔室溫度轉(zhuǎn)換。最主要的兩個(gè)功能是利用鴻蒙具備分布架構(gòu)、天生流暢、內(nèi)核安全及生態(tài)互享等優(yōu)勢(shì)來(lái)完成該系統(tǒng)功能,通過(guò)鴻蒙框架使用全局UI方法實(shí)現(xiàn)時(shí)間的調(diào)節(jié),利用組件實(shí)現(xiàn)功能切換。
審核編輯 黃宇
-
ui
+關(guān)注
關(guān)注
0文章
206瀏覽量
21634 -
鴻蒙
+關(guān)注
關(guān)注
57文章
2470瀏覽量
43666 -
OpenHarmony
+關(guān)注
關(guān)注
26文章
3805瀏覽量
17922
發(fā)布評(píng)論請(qǐng)先 登錄
DevEco Studio AI輔助開發(fā)工具兩大升級(jí)功能 鴻蒙應(yīng)用開發(fā)效率再提升
DialogHub上線OpenHarmony開源社區(qū),高效開發(fā)鴻蒙應(yīng)用彈窗
名單公布!【書籍評(píng)測(cè)活動(dòng)NO.56】極速探索HarmonyOS NEXT:純血鴻蒙應(yīng)用開發(fā)實(shí)踐
鴻蒙Flutter實(shí)戰(zhàn):14-現(xiàn)有Flutter 項(xiàng)目支持鴻蒙 II
鴻蒙Flutter實(shí)戰(zhàn):11-使用 Flutter SDK 3.22.0
鴻蒙Flutter實(shí)戰(zhàn):08-如何調(diào)試代碼
鴻蒙Flutter實(shí)戰(zhàn):07混合開發(fā)
鴻蒙Flutter實(shí)戰(zhàn):05-使用第三方插件
鴻蒙原生應(yīng)用元服務(wù)開發(fā)-初識(shí)倉(cāng)頡開發(fā)語(yǔ)言
鴻蒙原生應(yīng)用元服務(wù)開發(fā)-初識(shí)倉(cāng)頡開發(fā)語(yǔ)言
鴻蒙ArkUI:【從代碼到UI顯示的整體渲染流程】

評(píng)論