鴻蒙應(yīng)用布局ArkUI：【其他常用布局容器和組件】介紹
其他常用布局容器和組件
- 創(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]
- 柵格布局（GridRow/GridCol）和Grid布局類似，但是可以根據(jù)設(shè)置的分割點(diǎn)動(dòng)態(tài)顯示列數(shù)。特別適合做多設(shè)備適配布局
- Badge實(shí)現(xiàn)消息小紅點(diǎn)和消息數(shù)功能
- WaterFlow實(shí)現(xiàn)瀑布流功能
- Video實(shí)現(xiàn)視頻播放功能
- Web實(shí)現(xiàn)加載本地、遠(yuǎn)程網(wǎng)頁(yè)功能
- QRCode實(shí)現(xiàn)二維碼功能
- TextTimer實(shí)現(xiàn)倒計(jì)時(shí)顯示功能
- DataPanel數(shù)據(jù)面板組件，使用占比圖展示多個(gè)數(shù)據(jù)的占比情況
- Gauge以環(huán)形圖表形式展示數(shù)據(jù)
- Marquee走馬燈效果
- PatternLock圖形密碼鎖組件
- Rating評(píng)分組件
- 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文章
573瀏覽量
19023 -
鴻蒙
+關(guān)注
關(guān)注
60文章
2963瀏覽量
45907
發(fā)布評(píng)論請(qǐng)先 登錄
相關(guān)推薦
熱點(diǎn)推薦
【HarmonyOS 5】鴻蒙中常見(jiàn)的標(biāo)題欄布局方案
【HarmonyOS 5】鴻蒙中常見(jiàn)的標(biāo)題欄布局方案 ##鴻蒙開(kāi)發(fā)能力 ##HarmonyOS SDK應(yīng)用服務(wù)##鴻蒙金融類應(yīng)用 （金融理財(cái)# 一、問(wèn)題背景：
【匯思博SEEK100開(kāi)發(fā)板試用體驗(yàn)】03 簡(jiǎn)約風(fēng)天氣APP開(kāi)發(fā)--首頁(yè)UI布局及組件介紹
布局、彈性布局等，那些暫時(shí)用不到。
線性布局（LinearLayout）是開(kāi)發(fā)中最常用的布局，通過(guò)線性容
發(fā)表于 07-08 13:32
鴻蒙開(kāi)發(fā)如何顯示Markdown格式語(yǔ)法 -- markdown_hm介紹
: 完全使用ArkUI組件，不依賴HTML或WebView
組件化設(shè)計(jì): 易于集成和自定義擴(kuò)展
類型安全: 完整的TypeScript類型定義
性能優(yōu)化: 高效的解析算法和渲染邏輯
樣式統(tǒng)一: 專業(yè)的UI
發(fā)表于 06-30 18:47
【HarmonyOS next】ArkUI-X新聞熱搜聚合App【進(jìn)階】
通過(guò)ArkUI-X將鴻蒙下的新聞熱搜聚合App轉(zhuǎn)換為iOS
一、項(xiàng)目背景與技術(shù)選型
1.1 項(xiàng)目概述
本案例基于鴻蒙（HarmonyOS）開(kāi)發(fā)的聚合熱搜熱榜應(yīng)用，通過(guò)調(diào)用韓小韓博客提供的熱搜熱榜聚合
發(fā)表于 06-28 21:43
HarmonyOS NEXT應(yīng)用元服務(wù)布局優(yōu)化利用布局邊界減少布局計(jì)算
對(duì)于組件的寬高不需要自適應(yīng)的情況下，建議在UI描述時(shí)給定組件的寬高數(shù)值，當(dāng)其組件外部的容器尺寸發(fā)生變化時(shí)，例如拖拽縮放等場(chǎng)景下，如果組件本身
發(fā)表于 06-26 11:13
HarmonyOS NEXT應(yīng)用元服務(wù)布局優(yōu)化精簡(jiǎn)節(jié)點(diǎn)數(shù)
復(fù)制
共15個(gè)節(jié)點(diǎn)，并且其中并沒(méi)有冗余的嵌套節(jié)點(diǎn)。而扁平化布局是一種讓頁(yè)面結(jié)構(gòu)變淺變寬的方式，通過(guò)一些高級(jí)組件如RelativeContainer、Grid等容器，可以讓元素在平面上展開(kāi)。這種
HarmonyOS NEXT應(yīng)用元服務(wù)布局優(yōu)化精簡(jiǎn)節(jié)點(diǎn)數(shù)
復(fù)制
共15個(gè)節(jié)點(diǎn)，并且其中并沒(méi)有冗余的嵌套節(jié)點(diǎn)。而扁平化布局是一種讓頁(yè)面結(jié)構(gòu)變淺變寬的方式，通過(guò)一些高級(jí)組件如RelativeContainer、Grid等容器，可以讓元素在平面上展開(kāi)。這種
發(fā)表于 06-26 10:21
網(wǎng)格布局介紹
圖片展示、日歷、計(jì)算器等。
ArkUI提供了Grid容器組件和子組件GridItem，用于構(gòu)建網(wǎng)格布局。Grid用于設(shè)置網(wǎng)格
發(fā)表于 06-25 06:27
ArkUI介紹
ArkUI（方舟UI框架）為應(yīng)用的UI開(kāi)發(fā)提供了完整的基礎(chǔ)設(shè)施，包括簡(jiǎn)潔的UI語(yǔ)法、豐富的UI功能（組件、布局、動(dòng)畫(huà)以及交互事件），以及實(shí)時(shí)界面預(yù)覽工具等，可以支持開(kāi)發(fā)者進(jìn)行可視化界面開(kāi)發(fā)
發(fā)表于 06-24 06:41
UI開(kāi)發(fā)概述
。- 基本語(yǔ)法
- 狀態(tài)管理
- 渲染控制
開(kāi)發(fā)布局介紹了幾種常用的布局方式。- 常用布局
添加組件
發(fā)表于 06-24 06:36
HarmonyOS NEXT應(yīng)用元服務(wù)布局優(yōu)化ArkUI框架執(zhí)行流程
一、 ArkUI框架執(zhí)行流程
在使用ArkUI開(kāi)發(fā)中，我們通過(guò)布局組件和基礎(chǔ)組件進(jìn)行界面描述，這些描述會(huì)呈現(xiàn)出一個(gè)
發(fā)表于 06-23 09:41
HarmonyOS NEXT應(yīng)用元服務(wù)布局合理使用布局組件
發(fā)現(xiàn)，在布局深度和節(jié)點(diǎn)數(shù)相同的情況下：
使用基礎(chǔ)組件如Column和Row容器的性能明顯高于其他布局。
Flex的性能明顯低于Column和
發(fā)表于 06-20 15:48
鴻蒙Next實(shí)現(xiàn)瀑布流布局
設(shè)計(jì)思路
鴻蒙 Next 的瀑布流布局可以通過(guò)自定義組件結(jié)合 Column、Row 等容器組件實(shí)現(xiàn)。其核心思路是將數(shù)據(jù)分成若干列，每列獨(dú)立
發(fā)表于 06-10 14:17
Kuikly鴻蒙版正式開(kāi)源 —— 揭秘卓越性能適配之旅
個(gè)List滾動(dòng)場(chǎng)景中，文本的測(cè)量占了父容器（List）布局耗時(shí)超過(guò)50%。這顯然不能令人滿意，我們需要探索復(fù)用文本布局階段的結(jié)果，避免在上屏?xí)r候二次布局。
初步優(yōu)化方案：部分復(fù)
發(fā)表于 06-04 16:46
層疊布局 (Stack)：Stack組件為容器組件，容器內(nèi)可包含各種子元素
層疊布局 (Stack)
層疊布局（StackLayout）用于在屏幕上預(yù)留一塊區(qū)域來(lái)顯示組件中的元素，提供元素可以重疊的布局。層疊布局通
發(fā)表于 04-30 07:51
工商網(wǎng)監(jiān)
評(píng)論