国产精品久久久aaaa,日日干夜夜操天天插,亚洲乱熟女香蕉一区二区三区少妇,99精品国产高清一区二区三区,国产成人精品一区二区色戒,久久久国产精品成人免费,亚洲精品毛片久久久久,99久久婷婷国产综合精品电影,国产一区二区三区任你鲁

0
  • 聊天消息
  • 系統消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術視頻
  • 寫文章/發帖/加入社區
會員中心
創作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內不再提示

鴻蒙實戰開發-全局UI方法的功能

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

掃碼添加小助手

加入工程師交流群

主要開發內容

時間調節

使用全局UI的方法定義日期滑動選擇器彈窗并彈出。
操作說明:首先創建一個包含按鈕的用戶界面,當用戶點擊“時間設置”按鈕時,會彈出調用TimePickerDialog組件的show方法,顯示一個時間選擇對話框,用戶進行選擇時間后,該選擇會被傳遞給前一個界面進行處理。

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

實現效果如下:

時間設置功能

功能切換

使用UI組件和方法實現功能界面的切換。
操作說明:通過this.isComplete的布爾值進行條件渲染和改變界面。
首先:進行判斷this.isComplete的值,若該條件為true,進行“制冷腔”文本標簽的顯示。

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,進行顯示另一個文本“蓄冷腔”,通過之后獲取this.isComplete的值實現兩個文本間的切換和顯示,且兩個文本渲染和位置相同。

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

接下來:通過Column和Row組件將“14攝氏度”和“16攝氏度”水平放置,這兩個文本組件的顏色會根據this.isComplete的值改變,但改變的方式與下述按鈕不同,實現兩個文本的左右顏色的切換而不是在原位置實現的文本覆蓋。

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') }

最后,設置按鈕,顯示“腔室切換”,當點擊時,會將this.isComplete的值取反(如果之前是true,則變為false,反之亦然),同時代碼中的.onClick方法是一個事件監聽器,它會在按鈕被點擊時執行給定的函數,這個函數將this.isComplete的值切換。

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

實現效果如下:

制冷腔功能

點擊按鈕:制冷腔→蓄冷腔,14攝氏度→16攝氏度:

蓄冷腔功能

總結

該功能是基于手機、平板、智慧屏或智能穿戴的模板進行的開發,HarmonyOS提供了豐富的組件,通過全面系統的了解學習ArkTS API的調用,使用全局UI的方法定義日期滑動選擇器彈窗并彈出和功能界面的切換。

本項目的目標是開發一個易于使用且功能強大的系統,用于時間管理和腔室溫度轉換。最主要的兩個功能是利用鴻蒙具備分布架構、天生流暢、內核安全及生態互享等優勢來完成該系統功能,通過鴻蒙框架使用全局UI方法實現時間的調節,利用組件實現功能切換。

審核編輯 黃宇

聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規問題,請聯系本站處理。 舉報投訴
  • ui
    ui
    +關注

    關注

    0

    文章

    209

    瀏覽量

    22383
  • 鴻蒙
    +關注

    關注

    60

    文章

    2963

    瀏覽量

    45883
  • OpenHarmony
    +關注

    關注

    33

    文章

    3952

    瀏覽量

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

掃碼添加小助手

加入工程師交流群

    評論

    相關推薦
    熱點推薦

    M4-R1 開源鴻蒙(OpenHarmory)開發板丨串口調試助手實戰案例

    支持與高集成度設計,成為開發者體驗與學習鴻蒙系統的理想平臺。無論是智慧家居、教學實驗,還是設備通信,M4-R1都能提供穩定可靠的開發環境。本次分享的實戰案例——串口
    的頭像 發表于 12-31 11:16 ?8595次閱讀
    M4-R1 開源<b class='flag-5'>鴻蒙</b>(OpenHarmory)<b class='flag-5'>開發</b>板丨串口調試助手<b class='flag-5'>實戰</b>案例

    【項目實戰】基于Hi3861的鴻蒙智能小車(循跡、超聲波避障、遠程控制、語音控制、4G定位)有教程代碼

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

    鴻蒙應用px,vp,fp概念詳解

    傳統移動端開發方向,轉到鴻蒙應用開發方向。 前端開發同學對于開發范式很熟悉,但是對于工作流程和開發
    的頭像 發表于 07-07 11:48 ?1364次閱讀
    <b class='flag-5'>鴻蒙</b>應用px,vp,fp概念詳解

    鴻蒙5開發寶藏案例分享---一多開發實例(音樂)

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

    UI開發概述

    應用開發在TypeScript(簡稱TS)生態基礎上做了進一步擴展。擴展能力包含聲明式UI描述、自定義組件、動態擴展UI元素、狀態管理和渲染控制。狀態管理作為基于ArkTS的聲明式開發
    發表于 06-24 06:36

    鴻蒙5開發寶藏案例分享---優化應用包體積大小問題

    ?** 鴻蒙包體積優化實戰:藏在官方文檔里的寶藏技巧!** 大家好呀~我是你們的鴻蒙開發小伙伴!今天在翻官方文檔時,發現了一個超實用的「包體積優化」案例寶藏庫!這些技巧明明能大幅提升應
    發表于 06-13 10:09

    鴻蒙5開發寶藏案例分享---內存優化實戰指南

    的工具鏈和 API 在快速發展,保持關注開發者文檔和社區,獲取最新的優化技術和案例。 希望這份結合官方精華和實戰經驗的分享,能幫你真正用好鴻蒙的這些“寶藏”功能,打造出內存占用低、運
    發表于 06-12 17:15

    鴻蒙5開發寶藏案例分享---性能體驗設計

    ;性能優化\"關鍵詞! **如果大家在實戰中遇到卡頓難題,歡迎在評論區交流~ 也歡迎關注我,后續會持續分享鴻蒙開發實戰技巧! **? 希望這篇接地氣的總結能幫你避開性能深坑!如果覺得有
    發表于 06-12 16:45

    鴻蒙5開發寶藏案例分享---性能優化案例解析

    鴻蒙性能優化寶藏指南:實戰工具與代碼案例解析 大家好呀!今天在翻鴻蒙開發者文檔時,意外挖到一個 性能優化寶藏庫 ——原來官方早就提供了超多實用工具和案例,但很多小伙伴可能沒發現!這篇就
    發表于 06-12 16:36

    鴻蒙5開發寶藏案例分享---埋點開發實戰指南

    鴻蒙埋點開發寶藏指南:官方案例實戰解析,輕松搞定數據追蹤! 大家好呀!我是HarmonyOS開發路上的探索者。最近在折騰應用埋點時,意外發現了鴻蒙
    發表于 06-12 16:30

    鴻蒙5開發寶藏案例分享---切面編程實戰揭秘

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

    鴻蒙5開發寶藏案例分享---應用架構實戰技巧

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

    KaihongOS筆記本電腦開發實戰第九節:全功能TypeC驅動框架適配

    《手把手教你做PC》系列直播課再度開播 !《 KaihongOS筆記本電腦開發實戰第九節九:全功能TypeC驅動框架適配》將于5月21日19:00開播 ↑掃碼入群,領課程講義資料包↑ 深開鴻資深
    發表于 05-19 18:29

    DevEco Studio AI輔助開發工具兩大升級功能 鴻蒙應用開發效率再提升

    HarmonyOS應用的AI智能輔助開發助手——CodeGenie,該AI助手深度集成在DevEco Studio中,提供鴻蒙知識智能問答、鴻蒙ArkTS代碼補全/生成和萬能卡片生成等功能
    發表于 04-18 14:43

    DialogHub上線OpenHarmony開源社區,高效開發鴻蒙應用彈窗

    作為鴻蒙應用開發者,在使用ArkUI現有能力進行彈窗開發時,總會遇到一些讓人糾結的交互問題:應用內進行消息提示時,既要求消息內容支持圖文混排,又要求彈窗本身不能打斷用戶交互(頁面滑動、頁面
    發表于 04-03 17:30