鴻蒙實(shí)戰(zhàn)開發(fā)-全局UI方法的功能

主要開發(fā)內(nèi)容

時(shí)間調(diào)節(jié)

使用全局UI的方法定義日期滑動(dòng)選擇器彈窗并彈出。
操作說明：首先創(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)功能界面的切換。
操作說明：通過this.isComplete的布爾值進(jìn)行條件渲染和改變界面。
首先：進(jìn)行判斷this.isComplete的值，若該條件為true，進(jìn)行“制冷腔”文本標(biāo)簽的顯示。

若條件為false，進(jìn)行顯示另一個(gè)文本“蓄冷腔”，通過之后獲取this.isComplete的值實(shí)現(xiàn)兩個(gè)文本間的切換和顯示，且兩個(gè)文本渲染和位置相同。

接下來：通過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)聽器，它會(huì)在按鈕被點(diǎn)擊時(shí)執(zhí)行給定的函數(shù)，這個(gè)函數(shù)將this.isComplete的值切換。

實(shí)現(xiàn)效果如下：

制冷腔功能

點(diǎn)擊按鈕：制冷腔→蓄冷腔，14攝氏度→16攝氏度：

蓄冷腔功能

總結(jié)

該功能是基于手機(jī)、平板、智慧屏或智能穿戴的模板進(jìn)行的開發(fā)，HarmonyOS提供了豐富的組件，通過全面系統(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ì)來完成該系統(tǒng)功能，通過鴻蒙框架使用全局UI方法實(shí)現(xiàn)時(shí)間的調(diào)節(jié)，利用組件實(shí)現(xiàn)功能切換。

審核編輯 黃宇