chinese直男口爆体育生外卖, 99久久er热在这里只有精品99, 又色又爽又黄18禁美女裸身无遮挡, gogogo高清免费观看日本电视,私密按摩师高清版在线,人妻视频毛茸茸,91论坛 兴趣闲谈,欧美 亚洲 精品 8区,国产精品久久久久精品免费

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

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

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

鴻蒙應用布局ArkUI:【其他常用布局容器和組件】介紹

jf_46214456 ? 來源:jf_46214456 ? 作者:jf_46214456 ? 2024-05-15 20:22 ? 次閱讀
加入交流群
微信小助手二維碼

掃碼添加小助手

加入工程師交流群

其他常用布局容器和組件

  • 創(chuàng)建輪播(Swiper)實現(xiàn)輪播圖功能

開發(fā)前請熟悉鴻蒙開發(fā)指導文檔 :[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]

image.png

  • 柵格布局(GridRow/GridCol)和Grid布局類似,但是可以根據(jù)設置的分割點動態(tài)顯示列數(shù)。特別適合做多設備適配布局

image.png

  • Badge實現(xiàn)消息小紅點和消息數(shù)功能

image.png

  • WaterFlow實現(xiàn)瀑布流功能

image.png

  • Video實現(xiàn)視頻播放功能

image.png

  • Web實現(xiàn)加載本地、遠程網(wǎng)頁功能
  • QRCode實現(xiàn)二維碼功能

image.png

  • TextTimer實現(xiàn)倒計時顯示功能

image.png

  • DataPanel數(shù)據(jù)面板組件,使用占比圖展示多個數(shù)據(jù)的占比情況

image.png

image.png

  • Marquee走馬燈效果
  • PatternLock圖形密碼鎖組件

image.png

  • Rating評分組件

image.png

  • Stepper步驟導航器組件,主要用于引導介紹功能

審核編輯 黃宇

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

    關注

    1

    文章

    532

    瀏覽量

    18424
  • 鴻蒙
    +關注

    關注

    60

    文章

    2620

    瀏覽量

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

掃碼添加小助手

加入工程師交流群

    評論

    相關推薦
    熱點推薦

    【HarmonyOS 5】鴻蒙中常見的標題欄布局方案

    【HarmonyOS 5】鴻蒙中常見的標題欄布局方案 ##鴻蒙開發(fā)能力 ##HarmonyOS SDK應用服務##鴻蒙金融類應用 (金融理財# 一、問題背景:
    的頭像 發(fā)表于 07-11 18:30 ?289次閱讀
    【HarmonyOS 5】<b class='flag-5'>鴻蒙</b>中常見的標題欄<b class='flag-5'>布局</b>方案

    【匯思博SEEK100開發(fā)板試用體驗】03 簡約風天氣APP開發(fā)--首頁UI布局組件介紹

    布局、彈性布局等,那些暫時用不到。 線性布局(LinearLayout)是開發(fā)中最常用布局,通過線性
    發(fā)表于 07-08 13:32

    【HarmonyOS next】ArkUI-X新聞熱搜聚合App【進階】

    通過ArkUI-X將鴻蒙下的新聞熱搜聚合App轉換為iOS 一、項目背景與技術選型 1.1 項目概述 本案例基于鴻蒙(HarmonyOS)開發(fā)的聚合熱搜熱榜應用,通過調用韓小韓博客提供的熱搜熱榜聚合
    發(fā)表于 06-28 21:43

    HarmonyOS NEXT應用元服務布局優(yōu)化利用布局邊界減少布局計算

    對于組件的寬高不需要自適應的情況下,建議在UI描述時給定組件的寬高數(shù)值,當其組件外部的容器尺寸發(fā)生變化時,例如拖拽縮放等場景下,如果組件本身
    發(fā)表于 06-26 11:13

    HarmonyOS NEXT應用元服務布局優(yōu)化精簡節(jié)點數(shù)

    復制 共15個節(jié)點,并且其中并沒有冗余的嵌套節(jié)點。而扁平化布局是一種讓頁面結構變淺變寬的方式,通過一些高級組件如RelativeContainer、Grid等容器,可以讓元素在平面上展開。這種
    發(fā)表于 06-26 10:21

    HarmonyOS NEXT應用元服務布局優(yōu)化精簡節(jié)點數(shù)

    復制 共15個節(jié)點,并且其中并沒有冗余的嵌套節(jié)點。而扁平化布局是一種讓頁面結構變淺變寬的方式,通過一些高級組件如RelativeContainer、Grid等容器,可以讓元素在平面上展開。這種
    發(fā)表于 06-26 10:21

    網(wǎng)格布局介紹

    圖片展示、日歷、計算器等。 ArkUI提供了Grid容器組件和子組件GridItem,用于構建網(wǎng)格布局。Grid用于設置網(wǎng)格
    發(fā)表于 06-25 06:27

    ArkUI介紹

    ArkUI(方舟UI框架)為應用的UI開發(fā)提供了完整的基礎設施,包括簡潔的UI語法、豐富的UI功能(組件、布局、動畫以及交互事件),以及實時界面預覽工具等,可以支持開發(fā)者進行可視化界面開發(fā)
    發(fā)表于 06-24 06:41

    HarmonyOS NEXT應用元服務布局優(yōu)化ArkUI框架執(zhí)行流程

    一、 ArkUI框架執(zhí)行流程 在使用ArkUI開發(fā)中,我們通過布局組件和基礎組件進行界面描述,這些描述會呈現(xiàn)出一個
    發(fā)表于 06-23 09:41

    HarmonyOS NEXT應用元服務布局合理使用布局組件

    發(fā)現(xiàn),在布局深度和節(jié)點數(shù)相同的情況下: 使用基礎組件如Column和Row容器的性能明顯高于其他布局。 Flex的性能明顯低于Column和
    發(fā)表于 06-20 15:48

    鴻蒙Next實現(xiàn)瀑布流布局

    設計思路 鴻蒙 Next 的瀑布流布局可以通過自定義組件結合 Column、Row 等容器組件實現(xiàn)。其核心思路是將數(shù)據(jù)分成若干列,每列獨立
    發(fā)表于 06-10 14:17

    層疊布局 (Stack):Stack組件容器組件容器內(nèi)可包含各種子元素

    層疊布局 (Stack) 層疊布局(StackLayout)用于在屏幕上預留一塊區(qū)域來顯示組件中的元素,提供元素可以重疊的布局。層疊布局
    發(fā)表于 04-30 07:51

    RFID技術在商用布草公司庫存管理中的應用

    隨著旅游、酒店、醫(yī)院、餐飲及鐵路運輸?shù)刃袠I(yè)的蓬勃發(fā)展,商用布草的需求量急劇增加。然而,傳統(tǒng)的布草管理方式依賴人工操作和紙質記錄,存在效率低下、易出錯、信息不透明等問題,嚴重制約了布草洗滌行業(yè)的進一步
    的頭像 發(fā)表于 09-23 18:32 ?508次閱讀
    RFID技術在商<b class='flag-5'>用布</b>草公司庫存管理中的應用

    鴻蒙跨端實踐-布局方案介紹

    封裝到標簽中實現(xiàn),業(yè)務只需要針對標簽簡單地設置相關屬性,即可實現(xiàn)列表類布局,大幅提升研發(fā)效率。同時動態(tài)化也支持絕對布局以及控制視圖的顯示和隱藏等功能,使之能勝任絕大多數(shù)業(yè)務布局場景。 在京東金融App使用動態(tài)化方案適配
    的頭像 發(fā)表于 09-18 10:26 ?1393次閱讀
    <b class='flag-5'>鴻蒙</b>跨端實踐-<b class='flag-5'>布局</b>方案<b class='flag-5'>介紹</b>

    使用TMUXHS4412多路復用器的PCIe?Gen 4.0應用布局指南

    電子發(fā)燒友網(wǎng)站提供《使用TMUXHS4412多路復用器的PCIe?Gen 4.0應用布局指南.pdf》資料免費下載
    發(fā)表于 09-14 10:41 ?2次下載
    使用TMUXHS4412多路復用器的PCIe?Gen 4.0應<b class='flag-5'>用布局</b>指南