鴻蒙ArkUI開發(fā)：常用布局【彈性布局方向圖】
彈性布局方向圖
Flex({ direction: FlexDirection.Row })
- FlexDirection.Row（默認(rèn)值）：主軸為水平方向，子組件從起始端沿著水平方向開始排布
- FlexDirection.RowReverse：主軸為水平方向，子組件從終點(diǎn)端沿著FlexDirection. Row相反的方向開始排布
- FlexDirection.Column：主軸為垂直方向，子組件從起始端沿著垂直方向開始排布
- FlexDirection.ColumnReverse：主軸為垂直方向，子組件從終點(diǎn)端沿著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)載。文章觀點(diǎn)僅代表作者本人，不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用，如有內(nèi)容侵權(quán)或者其他違規(guī)問題，請聯(lián)系本站處理。
舉報(bào)投訴
-
鴻蒙
+關(guān)注
關(guān)注
57文章
2410瀏覽量
43291
發(fā)布評論請先 登錄
相關(guān)推薦
鴻蒙跨端實(shí)踐-布局方案介紹
作者：京東科技 劉寧 一、前言 動態(tài)化使用 jue 語言(開發(fā)風(fēng)格與 Vue 一致)開發(fā)，對于視圖的布局采用了標(biāo)準(zhǔn)的Flex 布局方式。對于列表類視圖，動態(tài)化提供了、、、等標(biāo)簽，將子視
使用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
?1次下載
鴻蒙OS開發(fā)：【一次開發(fā)，多端部署】應(yīng)用（自適應(yīng)布局）
針對常見的開發(fā)場景，方舟開發(fā)框架提煉了七種自適應(yīng)布局能力，這些布局可以獨(dú)立使用，也可多種布局疊加使用。
鴻蒙ArkUI-X跨平臺開發(fā)：【 編寫第一個(gè)ArkUI-X應(yīng)用】
通過構(gòu)建一個(gè)簡單的ArkUI頁面跳轉(zhuǎn)示例，快速了解資源創(chuàng)建引用，路由代碼編寫和UI布局編寫等應(yīng)用開發(fā)流程。
鴻蒙應(yīng)用布局ArkUI【基礎(chǔ)運(yùn)用案例】
平級導(dǎo)航的復(fù)合網(wǎng)格視圖常出現(xiàn)在同時(shí)展示多種不同內(nèi)容的界面。
鴻蒙應(yīng)用布局ArkUI：【其他常用布局容器和組件】介紹
創(chuàng)建輪播（Swiper）實(shí)現(xiàn)輪播圖功能
鴻蒙ArkUI開發(fā)：常用布局【創(chuàng)建網(wǎng)格（Grid/GridItem）】
網(wǎng)格布局主要用于處理固定行列的UI，也支持動態(tài)調(diào)整。很類似iOS中的UICollectionView。
鴻蒙ArkUI開發(fā)：常用布局【 創(chuàng)建列表（List）】
列表容器是為了高效處理長列表的容器，能支持橫向、豎向滾動，數(shù)據(jù)分組，分組頭懸浮等功能
鴻蒙ArkUI：【從代碼到UI顯示的整體渲染流程】
方舟開發(fā)框架（簡稱ArkUI）是鴻蒙開發(fā)的UI框架，提供如下兩種開發(fā)范式，我們 **只學(xué)聲明式開發(fā)
鴻蒙ArkUI之【如何選擇布局？】
聲明式UI提供了以下9種常見布局，開發(fā)者可根據(jù)實(shí)際應(yīng)用場景選擇合適的布局進(jìn)行頁面開發(fā)。
HarmonyOS實(shí)戰(zhàn)開發(fā)-Flex布局性能提升使用指導(dǎo)
長度分配設(shè)置為最常用場景的布局結(jié)果，使子組件主軸長度總和等于Flex容器主軸長度。
最后
如果大家覺得這篇內(nèi)容對學(xué)習(xí)鴻蒙開發(fā)有幫助，我想邀請大家?guī)臀胰齻€(gè)小忙：
點(diǎn)贊，轉(zhuǎn)發(fā)，有你們的 『
發(fā)表于 05-10 14:26
HarmonyOS開發(fā)ArkUI案例：【常用布局容器對齊方式】
基于ArkTS擴(kuò)展的聲明式開發(fā)范式，實(shí)現(xiàn)Flex、Column、Row和Stack四種常用布局容器對齊方式。
工商網(wǎng)監(jiān)
評論