哈哈哈哈哈操欧洲电影,久草网在线,亚洲久久熟女熟妇视频,麻豆精品色,久久福利在线视频,日韩中文字幕的,淫乱毛视频一区,亚洲成人一二三,中文人妻日韩精品电影

0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫(xiě)文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

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

jf_46214456 ? 來(lái)源:jf_46214456 ? 作者:jf_46214456 ? 2024-02-02 17:13 ? 次閱讀
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

主要開(kāi)發(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)行處理。

Column({space:30}){ Flex({direction: FlexDirection.Row, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) { Button("時(shí)間設(shè)置") .fontColor(Color.Black) .backgroundColor('#D5D8FF') .onClick(() => { TimePickerDialog.show({ useMilitaryTime: this.isUseMilitaryTime, onAccept: (value: TimePickerResult) => { console.info("時(shí)間設(shè)置:onAccept()" + JSON.stringify(value)) }, onCancel: () => { console.info("時(shí)間設(shè)置:onCancel()") }, onChange: (value: TimePickerResult) => { console.info("時(shí)間設(shè)置:onChange()" + JSON.stringify(value)) } }) }) }

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

時(shí)間設(shè)置功能

功能切換

使用UI組件和方法實(shí)現(xiàn)功能界面的切換。
操作說(shuō)明:通過(guò)this.isComplete的布爾值進(jìn)行條件渲染和改變界面。
首先:進(jìn)行判斷this.isComplete的值,若該條件為true,進(jìn)行“制冷腔”文本標(biāo)簽的顯示。

if (this.isComplete){ Button("制冷腔") .width(120) .height(37) .fontColor('#410980') .backgroundColor('#D5D8FF') .borderColor('#380980') .borderStyle(BorderStyle.Solid) .borderRadius(23) .borderWidth(2) .width(120) .opacity(0.7) }

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

else { Button("蓄冷腔") .width(120) .height(37) .fontColor('#410980') .backgroundColor('#D5D8FF') .borderColor('#380980') .borderStyle(BorderStyle.Solid) .borderRadius(23) .borderWidth(2) .width(120) .opacity(0.7) }

接下來(lái):通過(guò)Column和Row組件將“14攝氏度”和“16攝氏度”水平放置,這兩個(gè)文本組件的顏色會(huì)根據(jù)this.isComplete的值改變,但改變的方式與下述按鈕不同,實(shí)現(xiàn)兩個(gè)文本的左右顏色的切換而不是在原位置實(shí)現(xiàn)的文本覆蓋。

Column({space:15}){ Row({space:50}){ Text("14攝氏度") .fontSize(20) .fontColor(this.isComplete? '#ff2489ac' : Color.Black ) Text("16攝氏度") .fontSize(20) .fontColor(this.isComplete? Color.Black : '#ff2489ac') }

最后,設(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的值切換。

Button("切換腔室",{type:ButtonType.Normal}) .borderRadius(60) .borderRadius(8) .fontColor('#064A62') .backgroundColor('#ffd3bff3') .onClick(() => { this.isComplete= !this.isComplete; }) }

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

制冷腔功能

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

蓄冷腔功能

總結(jié)

該功能是基于手機(jī)、平板、智慧屏或智能穿戴的模板進(jìn)行的開(kāi)發(fā),HarmonyOS提供了豐富的組件,通過(guò)全面系統(tǒng)的了解學(xué)習(xí)ArkTS API的調(diào)用,使用全局UI的方法定義日期滑動(dòng)選擇器彈窗并彈出和功能界面的切換。

本項(xiàng)目的目標(biāo)是開(kāi)發(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)功能切換。

審核編輯 黃宇

聲明:本文內(nèi)容及配圖由入駐作者撰寫(xiě)或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問(wèn)題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • ui
    ui
    +關(guān)注

    關(guān)注

    0

    文章

    211

    瀏覽量

    22455
  • 鴻蒙
    +關(guān)注

    關(guān)注

    60

    文章

    3012

    瀏覽量

    46154
  • OpenHarmony
    +關(guān)注

    關(guān)注

    33

    文章

    3970

    瀏覽量

    21339
收藏 人收藏
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

    評(píng)論

    相關(guān)推薦
    熱點(diǎn)推薦

    M4-R1 開(kāi)源鴻蒙(OpenHarmory)開(kāi)發(fā)板丨串口調(diào)試助手實(shí)戰(zhàn)案例

    支持與高集成度設(shè)計(jì),成為開(kāi)發(fā)者體驗(yàn)與學(xué)習(xí)鴻蒙系統(tǒng)的理想平臺(tái)。無(wú)論是智慧家居、教學(xué)實(shí)驗(yàn),還是設(shè)備通信,M4-R1都能提供穩(wěn)定可靠的開(kāi)發(fā)環(huán)境。本次分享的實(shí)戰(zhàn)案例——串口
    的頭像 發(fā)表于 12-31 11:16 ?9115次閱讀
    M4-R1 開(kāi)源<b class='flag-5'>鴻蒙</b>(OpenHarmory)<b class='flag-5'>開(kāi)發(fā)</b>板丨串口調(diào)試助手<b class='flag-5'>實(shí)戰(zhàn)</b>案例

    【項(xiàng)目實(shí)戰(zhàn)】基于Hi3861的鴻蒙智能小車(chē)(循跡、超聲波避障、遠(yuǎn)程控制、語(yǔ)音控制、4G定位)有教程代碼

    ,同時(shí)整理了詳細(xì)開(kāi)發(fā)文檔資料,新手跟著也能慢慢搭起來(lái),提升實(shí)戰(zhàn)能力。項(xiàng)目硬件清單鴻蒙智能小車(chē)項(xiàng)目使用的是紅框部分鴻蒙智能小車(chē)豪華套餐硬件以及語(yǔ)音控制項(xiàng)目模塊。項(xiàng)目
    的頭像 發(fā)表于 09-10 17:13 ?1485次閱讀
    【項(xiàng)目<b class='flag-5'>實(shí)戰(zhàn)</b>】基于Hi3861的<b class='flag-5'>鴻蒙</b>智能小車(chē)(循跡、超聲波避障、遠(yuǎn)程控制、語(yǔ)音控制、4G定位)有教程代碼

    分享---簡(jiǎn)單快速實(shí)現(xiàn)烘烤設(shè)備UI界面的方法

    本文分享下,如何簡(jiǎn)單快速的設(shè)計(jì)出工業(yè)烘烤設(shè)備的UI界面方法, 借助 \"墨刀\" 界面原型設(shè)計(jì)工具,設(shè)計(jì)烘烤機(jī)主界面圖片。 使用拓普微 SGTools開(kāi)發(fā)工具,建立工程和頁(yè)面
    發(fā)表于 08-26 11:58

    鴻蒙應(yīng)用px,vp,fp概念詳解

    傳統(tǒng)移動(dòng)端開(kāi)發(fā)方向,轉(zhuǎn)到鴻蒙應(yīng)用開(kāi)發(fā)方向。 前端開(kāi)發(fā)同學(xué)對(duì)于開(kāi)發(fā)范式很熟悉,但是對(duì)于工作流程和開(kāi)發(fā)
    的頭像 發(fā)表于 07-07 11:48 ?1550次閱讀
    <b class='flag-5'>鴻蒙</b>應(yīng)用px,vp,fp概念詳解

    鴻蒙5開(kāi)發(fā)寶藏案例分享---一多開(kāi)發(fā)實(shí)例(音樂(lè))

    各位開(kāi)發(fā)者小伙伴們好呀!今天咱們來(lái)點(diǎn)硬核干貨!最近在鴻蒙文檔中心挖到一座“金礦”——官方竟然暗藏了100+實(shí)戰(zhàn)案例,從分布式架構(gòu)到交互動(dòng)效優(yōu)化應(yīng)有盡有!這些案例不僅藏著華為工程師的私房技巧,還直接
    的頭像 發(fā)表于 06-30 11:54 ?846次閱讀

    UI開(kāi)發(fā)概述

    應(yīng)用開(kāi)發(fā)在TypeScript(簡(jiǎn)稱(chēng)TS)生態(tài)基礎(chǔ)上做了進(jìn)一步擴(kuò)展。擴(kuò)展能力包含聲明式UI描述、自定義組件、動(dòng)態(tài)擴(kuò)展UI元素、狀態(tài)管理和渲染控制。狀態(tài)管理作為基于ArkTS的聲明式開(kāi)發(fā)
    發(fā)表于 06-24 06:36

    鴻蒙5開(kāi)發(fā)寶藏案例分享---優(yōu)化應(yīng)用包體積大小問(wèn)題

    ?** 鴻蒙包體積優(yōu)化實(shí)戰(zhàn):藏在官方文檔里的寶藏技巧!** 大家好呀~我是你們的鴻蒙開(kāi)發(fā)小伙伴!今天在翻官方文檔時(shí),發(fā)現(xiàn)了一個(gè)超實(shí)用的「包體積優(yōu)化」案例寶藏庫(kù)!這些技巧明明能大幅提升應(yīng)
    發(fā)表于 06-13 10:09

    鴻蒙5開(kāi)發(fā)寶藏案例分享---內(nèi)存優(yōu)化實(shí)戰(zhàn)指南

    的工具鏈和 API 在快速發(fā)展,保持關(guān)注開(kāi)發(fā)者文檔和社區(qū),獲取最新的優(yōu)化技術(shù)和案例。 希望這份結(jié)合官方精華和實(shí)戰(zhàn)經(jīng)驗(yàn)的分享,能幫你真正用好鴻蒙的這些“寶藏”功能,打造出內(nèi)存占用低、運(yùn)
    發(fā)表于 06-12 17:15

    鴻蒙5開(kāi)發(fā)寶藏案例分享---性能體驗(yàn)設(shè)計(jì)

    ;性能優(yōu)化\"關(guān)鍵詞! **如果大家在實(shí)戰(zhàn)中遇到卡頓難題,歡迎在評(píng)論區(qū)交流~ 也歡迎關(guān)注我,后續(xù)會(huì)持續(xù)分享鴻蒙開(kāi)發(fā)實(shí)戰(zhàn)技巧! **? 希望這篇接地氣的總結(jié)能幫你避開(kāi)性能深坑!如果覺(jué)得有
    發(fā)表于 06-12 16:45

    鴻蒙5開(kāi)發(fā)寶藏案例分享---性能優(yōu)化案例解析

    鴻蒙性能優(yōu)化寶藏指南:實(shí)戰(zhàn)工具與代碼案例解析 大家好呀!今天在翻鴻蒙開(kāi)發(fā)者文檔時(shí),意外挖到一個(gè) 性能優(yōu)化寶藏庫(kù) ——原來(lái)官方早就提供了超多實(shí)用工具和案例,但很多小伙伴可能沒(méi)發(fā)現(xiàn)!這篇就
    發(fā)表于 06-12 16:36

    鴻蒙5開(kāi)發(fā)寶藏案例分享---埋點(diǎn)開(kāi)發(fā)實(shí)戰(zhàn)指南

    鴻蒙埋點(diǎn)開(kāi)發(fā)寶藏指南:官方案例實(shí)戰(zhàn)解析,輕松搞定數(shù)據(jù)追蹤! 大家好呀!我是HarmonyOS開(kāi)發(fā)路上的探索者。最近在折騰應(yīng)用埋點(diǎn)時(shí),意外發(fā)現(xiàn)了鴻蒙
    發(fā)表于 06-12 16:30

    鴻蒙5開(kāi)發(fā)寶藏案例分享---切面編程實(shí)戰(zhàn)揭秘

    鴻蒙切面編程(AOP)實(shí)戰(zhàn)指南:隱藏的寶藏功能大揭秘! 大家好!今天在翻鴻蒙開(kāi)發(fā)者文檔時(shí),意外發(fā)現(xiàn)了官方埋藏的「切面編程」寶藏案例!實(shí)際
    發(fā)表于 06-12 16:21

    鴻蒙5開(kāi)發(fā)寶藏案例分享---應(yīng)用架構(gòu)實(shí)戰(zhàn)技巧

    大家好! 今天咱們聊聊鴻蒙開(kāi)發(fā)中那些“官方文檔提了但實(shí)際開(kāi)發(fā)難找”的架構(gòu)設(shè)計(jì)技巧。結(jié)合官方文檔,我會(huì)用 真實(shí)代碼案例+通俗講解 ,幫你把分層架構(gòu)和線程通信落地到項(xiàng)目里,告別“理論會(huì)了,代碼不會(huì)
    發(fā)表于 06-12 16:14

    鴻蒙5開(kāi)發(fā)寶藏案例分享---一多開(kāi)發(fā)實(shí)例(社區(qū)評(píng)論)

    ?【鴻蒙開(kāi)發(fā)寶藏案例大放送!】一次搞定多端適配的實(shí)戰(zhàn)經(jīng)驗(yàn)分享**?** 大家好呀~今天在翻鴻蒙開(kāi)發(fā)者文檔時(shí),突然挖到了一個(gè) “大寶藏” ——
    發(fā)表于 06-03 16:03

    KaihongOS筆記本電腦開(kāi)發(fā)實(shí)戰(zhàn)第九節(jié):全功能TypeC驅(qū)動(dòng)框架適配

    《手把手教你做PC》系列直播課再度開(kāi)播 !《 KaihongOS筆記本電腦開(kāi)發(fā)實(shí)戰(zhàn)第九節(jié)九:全功能TypeC驅(qū)動(dòng)框架適配》將于5月21日19:00開(kāi)播 ↑掃碼入群,領(lǐng)課程講義資料包↑ 深開(kāi)鴻資深
    發(fā)表于 05-19 18:29
    禹城市| 凤冈县| 石首市| 曲周县| 平乐县| 清水县| 固始县| 舟曲县| 台安县| 南昌县| 揭西县| 宁强县| 文成县| 分宜县| 福州市| 夏津县| 万年县| 罗田县| 永兴县| 南宁市| 诸城市| 宁都县| 射阳县| 乌兰浩特市| 和顺县| 肥东县| 汪清县| 三江| 三都| 清新县| 扬中市| 岐山县| 济源市| 拜泉县| 云林县| 蒙山县| 垣曲县| 伊宁市| 大英县| 南平市| 牙克石市|