鴻蒙ArkUI開發(fā)：常用布局【彈性布局方向圖】
彈性布局方向圖
Flex({ direction: FlexDirection.Row })
- FlexDirection.Row（默認值）：主軸為水平方向，子組件從起始端沿著水平方向開始排布
- FlexDirection.RowReverse：主軸為水平方向，子組件從終點端沿著FlexDirection. Row相反的方向開始排布
- FlexDirection.Column：主軸為垂直方向，子組件從起始端沿著垂直方向開始排布
- FlexDirection.ColumnReverse：主軸為垂直方向，子組件從終點端沿著FlexDirection. Column相反的方向開始排布
- 開發(fā)前請熟悉鴻蒙開發(fā)指導(dǎo)文檔：[
gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]
主軸為水平方向的Flex容器示意圖
審核編輯 黃宇
聲明：本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人，不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用，如有內(nèi)容侵權(quán)或者其他違規(guī)問題，請聯(lián)系本站處理。
舉報投訴
-
鴻蒙
+關(guān)注
關(guān)注
60文章
3031瀏覽量
46195
發(fā)布評論請先 登錄
相關(guān)推薦
熱點推薦
【HarmonyOS 5】鴻蒙中常見的標(biāo)題欄布局方案
【HarmonyOS 5】鴻蒙中常見的標(biāo)題欄布局方案 ##鴻蒙開發(fā)能力 ##HarmonyOS SDK應(yīng)用服務(wù)##鴻蒙金融類應(yīng)用 （金融理財
【匯思博SEEK100開發(fā)板試用體驗】03 簡約風(fēng)天氣APP開發(fā)--首頁UI布局及組件介紹
布局、彈性布局等，那些暫時用不到。
線性布局（LinearLayout）是開發(fā)中最常用的
發(fā)表于 07-08 13:32
【HarmonyOS next】ArkUI-X新聞熱搜聚合App【進階】
通過ArkUI-X將鴻蒙下的新聞熱搜聚合App轉(zhuǎn)換為iOS
一、項目背景與技術(shù)選型
1.1 項目概述
本案例基于鴻蒙（HarmonyOS）開發(fā)的聚合熱搜熱榜應(yīng)用，通過調(diào)用韓小韓博客提供
發(fā)表于 06-28 21:43
【HarmonyOS next】ArkUI-X休閑益智兒童拼圖【進階】
項目，我們驗證了ArkUI-X框架的強大跨端能力。無論是華為的鴻蒙系統(tǒng)，還是iOS平臺，都能保持90%以上代碼復(fù)用率，真正實現(xiàn)了\"一次開發(fā)，多端部署\"的理想狀態(tài)。期待
發(fā)表于 06-28 21:41
HarmonyOS NEXT應(yīng)用元服務(wù)布局優(yōu)化利用布局邊界減少布局計算
對于組件的寬高不需要自適應(yīng)的情況下，建議在UI描述時給定組件的寬高數(shù)值，當(dāng)其組件外部的容器尺寸發(fā)生變化時，例如拖拽縮放等場景下，如果組件本身的寬高是固定的，理論上來講，該組件在布局階段不會參與
發(fā)表于 06-26 11:13
HarmonyOS NEXT應(yīng)用元服務(wù)布局優(yōu)化精簡節(jié)點數(shù)
建議開發(fā)者優(yōu)先使用Code Linter掃描工具進行代碼檢查，重點關(guān)注@performance/hp-arkui-remove-container-without-property規(guī)則。若掃描結(jié)果
發(fā)表于 06-26 10:21
HarmonyOS NEXT應(yīng)用元服務(wù)布局優(yōu)化精簡節(jié)點數(shù)
建議開發(fā)者優(yōu)先使用Code Linter掃描工具進行代碼檢查，重點關(guān)注@performance/hp-arkui-remove-container-without-property規(guī)則。若掃描結(jié)果
發(fā)表于 06-26 10:21
網(wǎng)格布局介紹
設(shè)置rowsTemplate或僅設(shè)置columnsTemplate屬性，網(wǎng)格單元按照設(shè)置的方向排列，超出Grid顯示區(qū)域后，Grid擁有可滾動能力。
圖9 橫向可滾動網(wǎng)格布局
如果設(shè)置
發(fā)表于 06-25 06:27
UI開發(fā)概述
。- 基本語法
- 狀態(tài)管理
- 渲染控制
開發(fā)布局介紹了幾種常用的布局方式。- 常用布局
添加組件介紹了幾種常用的內(nèi)置組件、自定義組件以及
發(fā)表于 06-24 06:36
HarmonyOS NEXT應(yīng)用元服務(wù)布局優(yōu)化ArkUI框架執(zhí)行流程
一、 ArkUI框架執(zhí)行流程
在使用ArkUI開發(fā)中，我們通過布局組件和基礎(chǔ)組件進行界面描述，這些描述會呈現(xiàn)出一個組件樹的結(jié)構(gòu)，基礎(chǔ)組件在其中為葉子結(jié)點，
發(fā)表于 06-23 09:41
HarmonyOS NEXT應(yīng)用元服務(wù)布局合理使用布局組件
布的組件是按照特定的方向線性放置，如橫向/縱向/Z序方向。除上述布局類型外，還有一些復(fù)雜布局能力，如Flex、List、Grid、RelativeContainer和自定義
發(fā)表于 06-20 15:48
鴻蒙5開發(fā)寶藏案例分享---性能體驗設(shè)計
;性能優(yōu)化\"關(guān)鍵詞！
**如果大家在實戰(zhàn)中遇到卡頓難題，歡迎在評論區(qū)交流～ 也歡迎關(guān)注我，后續(xù)會持續(xù)分享鴻蒙開發(fā)實戰(zhàn)技巧！ **?
希望這篇接地氣的總結(jié)能幫你避開性能深坑！如果覺得有用，記得點贊收藏喲 ? 下期見！
發(fā)表于 06-12 16:45
鴻蒙Next實現(xiàn)瀑布流布局
好鴻蒙開發(fā)環(huán)境。打開 DevEco Studio，新建一個鴻蒙應(yīng)用項目，選擇合適的模板（如 Empty Feature Ability），設(shè)置項目名稱、包名等信息，完成項目創(chuàng)建。
## 二、
發(fā)表于 06-10 14:17
鴻蒙5開發(fā)寶藏案例分享---一多開發(fā)實例（圖片美化）
?【鴻蒙開發(fā)寶藏案例分享】一次搞定多端適配的圖片美化應(yīng)用開發(fā)思路！?
Hey小伙伴們~ 今天在翻鴻蒙文檔時挖到一個超實用的大寶藏！原來官方早就悄悄提供了超多\"一多
發(fā)表于 06-03 16:09
鴻蒙5開發(fā)寶藏案例分享---一多開發(fā)實例（長視頻）
;）
看完是不是覺得鴻蒙的\"一多開發(fā)\"也沒那么玄乎？其實只要掌握自適應(yīng)布局+模塊化設(shè)計，一套代碼征服多設(shè)備真的可以輕松實現(xiàn)！大家在開發(fā)中還遇到過哪些頭禿的適配問題？歡迎在評論區(qū)開聊
發(fā)表于 06-03 15:58
評論