吴忠躺衫网络科技有限公司

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

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

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

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

jf_46214456 ? 來(lái)源:jf_46214456 ? 作者:jf_46214456 ? 2024-05-15 20:22 ? 次閱讀

其他常用布局容器和組件

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

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

image.png

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

image.png

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

image.png

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

image.png

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

image.png

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

image.png

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

image.png

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

image.png

image.png

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

image.png

  • Rating評(píng)分組件

image.png

  • Stepper步驟導(dǎo)航器組件,主要用于引導(dǎo)介紹功能

審核編輯 黃宇

聲明:本文內(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)投訴
  • 組件
    +關(guān)注

    關(guān)注

    1

    文章

    518

    瀏覽量

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

    關(guān)注

    57

    文章

    2392

    瀏覽量

    43059
收藏 人收藏

    評(píng)論

    相關(guān)推薦

    使用TMUXHS4412多路復(fù)用器的PCIe?Gen 4.0應(yīng)用布局指南

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

    鴻蒙ArkTS容器組件:Scroll

    可滾動(dòng)的容器組件,當(dāng)子組件布局尺寸超過(guò)父組件的尺寸時(shí),內(nèi)容可以滾動(dòng)。
    的頭像 發(fā)表于 07-12 15:24 ?1349次閱讀

    鴻蒙ArkTS容器組件:Flex

    以彈性方式布局組件容器組件。
    的頭像 發(fā)表于 07-08 10:19 ?584次閱讀
    <b class='flag-5'>鴻蒙</b>ArkTS<b class='flag-5'>容器</b><b class='flag-5'>組件</b>:Flex

    鴻蒙應(yīng)用布局ArkUI【基礎(chǔ)運(yùn)用案例】

    平級(jí)導(dǎo)航的復(fù)合網(wǎng)格視圖常出現(xiàn)在同時(shí)展示多種不同內(nèi)容的界面。
    的頭像 發(fā)表于 05-17 11:19 ?527次閱讀
    <b class='flag-5'>鴻蒙</b>應(yīng)<b class='flag-5'>用布局</b><b class='flag-5'>ArkUI</b>【基礎(chǔ)運(yùn)用案例】

    鴻蒙ArkUI開(kāi)發(fā):常用布局【創(chuàng)建網(wǎng)格(Grid/GridItem)】

    網(wǎng)格布局主要用于處理固定行列的UI,也支持動(dòng)態(tài)調(diào)整。很類(lèi)似iOS中的UICollectionView。
    的頭像 發(fā)表于 05-15 16:24 ?850次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI</b>開(kāi)發(fā):<b class='flag-5'>常用布局</b>【創(chuàng)建網(wǎng)格(Grid/GridItem)】

    鴻蒙ArkUI開(kāi)發(fā):常用布局【 創(chuàng)建列表(List)】

    列表容器是為了高效處理長(zhǎng)列表的容器,能支持橫向、豎向滾動(dòng),數(shù)據(jù)分組,分組頭懸浮等功能
    的頭像 發(fā)表于 05-15 15:30 ?859次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI</b>開(kāi)發(fā):<b class='flag-5'>常用布局</b>【 創(chuàng)建列表(List)】

    鴻蒙ArkUI開(kāi)發(fā):常用布局【相對(duì)布局

    相對(duì)布局可以讓子元素指定兄弟元素或父容器作為錨點(diǎn),基于錨點(diǎn)做位置布局
    的頭像 發(fā)表于 05-14 20:50 ?657次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI</b>開(kāi)發(fā):<b class='flag-5'>常用布局</b>【相對(duì)<b class='flag-5'>布局</b>】

    鴻蒙ArkUI開(kāi)發(fā):常用布局【交叉軸】

    垂直于主軸方向的軸線。Row容器交叉軸為縱向,Column容器交叉軸為橫向。
    的頭像 發(fā)表于 05-14 09:52 ?677次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI</b>開(kāi)發(fā):<b class='flag-5'>常用布局</b>【交叉軸】

    鴻蒙ArkUI開(kāi)發(fā):常用布局【彈性布局方向圖】

    FlexDirection.Row(默認(rèn)值):主軸為水平方向,子組件從起始端沿著水平方向開(kāi)始排布
    的頭像 發(fā)表于 05-14 09:23 ?417次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI</b>開(kāi)發(fā):<b class='flag-5'>常用布局</b>【彈性<b class='flag-5'>布局</b>方向圖】

    鴻蒙ArkUI開(kāi)發(fā):常用布局【主軸】

    線性布局的子元素在線性方向上(水平方向和垂直方向)依次排列
    的頭像 發(fā)表于 05-13 17:33 ?909次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI</b>開(kāi)發(fā):<b class='flag-5'>常用布局</b>【主軸】

    鴻蒙ArkUI之【如何選擇布局?】

    聲明式UI提供了以下9種常見(jiàn)布局,開(kāi)發(fā)者可根據(jù)實(shí)際應(yīng)用場(chǎng)景選擇合適的布局進(jìn)行頁(yè)面開(kāi)發(fā)。
    的頭像 發(fā)表于 05-13 15:37 ?517次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkUI</b>之【如何選擇<b class='flag-5'>布局</b>?】

    HarmonyOS實(shí)戰(zhàn)開(kāi)發(fā)-Flex布局性能提升使用指導(dǎo)

    長(zhǎng)度分配設(shè)置為最常用場(chǎng)景的布局結(jié)果,使子組件主軸長(zhǎng)度總和等于Flex容器主軸長(zhǎng)度。 最后 如果大家覺(jué)得這篇內(nèi)容對(duì)學(xué)習(xí)鴻蒙開(kāi)發(fā)有幫助,我想邀請(qǐng)
    發(fā)表于 05-10 14:26

    HarmonyOS開(kāi)發(fā)案例:【常用組件布局

    HarmonyOS ArkUI提供了豐富多樣的UI組件,您可以使用這些組件輕松地編寫(xiě)出更加豐富、漂亮的界面。
    的頭像 發(fā)表于 05-09 18:20 ?1297次閱讀
    HarmonyOS開(kāi)發(fā)案例:【<b class='flag-5'>常用</b><b class='flag-5'>組件</b>與<b class='flag-5'>布局</b>】

    HarmonyOS開(kāi)發(fā)ArkUI案例:【常用布局容器對(duì)齊方式】

    基于ArkTS擴(kuò)展的聲明式開(kāi)發(fā)范式,實(shí)現(xiàn)Flex、Column、Row和Stack四種常用布局容器對(duì)齊方式。
    的頭像 發(fā)表于 05-08 16:47 ?1722次閱讀
    HarmonyOS開(kāi)發(fā)<b class='flag-5'>ArkUI</b>案例:【<b class='flag-5'>常用布局</b><b class='flag-5'>容器</b>對(duì)齊方式】

    鴻蒙ArkUI實(shí)例:【自定義組件

    組件是 OpenHarmony 頁(yè)面最小顯示單元,一個(gè)頁(yè)面可由多個(gè)組件組合而成,也可只由一個(gè)組件組合而成,這些組件可以是ArkUI開(kāi)發(fā)框架自
    的頭像 發(fā)表于 04-08 10:17 ?710次閱讀
    百家乐官网八卦九| 澳门赌百家乐官网的玩法技巧和规则 | 网上玩百家乐官网游戏有人挣到钱了吗 | 玩百家乐官网免费| 固始县| 太阳城假日酒店| 百家乐博彩金| 百家乐官网网络投注| 大发888娱乐城下栽| 新加坡百家乐官网的玩法技巧和规则 | 大玩家百家乐现金网| 百家乐官网是否能赢| 百家乐官网技巧阅读| 上海博彩生物科技有限公司| 百家乐遥控洗牌器| 属虎与属鼠做生意好吗| 百家乐官网赌博现金网| 兴城市| 博彩通排名| 太阳城宾馆| 机器百家乐心得| 真人百家乐试玩游戏| 南宁百家乐官网的玩法技巧和规则 | 同花顺百家乐的玩法技巧和规则 | 百家乐官网珠仔路| 百家乐官网的方法和公式| 锡林浩特市| 全球最大赌博网站| bet365体育在线注册| 大发888更名网址622| 游戏机百家乐的玩法技巧和规则 | 百家乐官网下路教学| 澳门百家乐官网娱乐城怎么样| 屏南县| 博彩娱乐| 娱乐城开户送彩金| 博彩论坛18good| 大发888娱乐场官网官方下载| 大发888二十一点| 顶级赌场怎么样| 博e百|