鴻蒙ArkUI開發：【彈性布局（主軸&交叉軸對齊方式）】
主軸對齊方式
通過justifyContent參數設置在主軸方向的對齊方式，和Row、Column的主軸對齊方式行為一樣 
開發前請熟悉鴻蒙開發指導文檔：[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]
交叉軸對齊方式
可以通過Flex組件的alignItems參數設置子組件在交叉軸的對齊方式，子組件默認使用Flex組件的對齊方式。但也可以通過alignSelf單獨設置對齊方式
Flex({ alignItems: ItemAlign.Start })
ItemAlign.Auto：使用Flex容器中默認配置。 
ItemAlign.Start：交叉軸方向首部對齊 
ItemAlign.Center：交叉軸方向居中對齊 
ItemAlign.End：交叉軸方向底部對齊 
子組件通過[alignSelf]設置在父容器交叉軸的對齊格式，覆蓋Flex布局容器中alignItems配置
審核編輯 黃宇
聲明：本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人，不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用，如有內容侵權或者其他違規問題，請聯系本站處理。
舉報投訴
-
組件
+關注
關注
1文章
529瀏覽量
18300 -
鴻蒙
+關注
關注
59文章
2525瀏覽量
43772
發布評論請先 登錄
相關推薦
熱點推薦
鴻蒙5開發寶藏案例分享---一多開發實例（地圖導航）
規劃頁 ：面板滑動時布局自適應變形
3?? 服務卡片 ：八宮格靜態卡片多端通吃
4?? 實況窗 ：膠囊形態+卡片形態雙展示
最絕的是所有效果都用****ArkUI框架實現，完全遵循\"一次開發
發表于 06-03 16:17
鴻蒙5開發寶藏案例分享---一多開發實例（股票類）
}
? 關鍵點：Blank組件實現彈性留白，不同列獨立設置對齊方式
三、開發避坑指南
柵格監聽防抖處理
斷點變化時記得加200ms延遲，避免頻繁重繪
多端圖片適配技巧
Image(
發表于 06-03 16:13
鴻蒙5開發寶藏案例分享---一多開發實例（圖片美化）
?【鴻蒙開發寶藏案例分享】一次搞定多端適配的圖片美化應用開發思路！?
Hey小伙伴們~ 今天在翻鴻蒙文檔時挖到一個超實用的大寶藏！原來官方早就悄悄提供了超多\"一多
發表于 06-03 16:09
鴻蒙5開發寶藏案例分享---一多開發實例（長視頻）
class=\"ne-text\">@ohos.mediaquery</span>
彈性布局：&
發表于 06-03 15:58
鴻蒙5開發寶藏案例分享---折疊屏懸停態開發實踐
?【鴻蒙折疊屏開發寶藏指南】原來官方藏了這么多好東西！手把手教你玩轉懸停態開發**?**
Hey小伙伴們！我是你們的老朋友XX，最近在肝鴻蒙折疊屏項目時，意外挖到了官方文檔里的隱藏寶藏
發表于 06-03 12:04
鴻蒙5開發寶藏案例分享---一多分欄開發實踐
?【HarmonyOS開發者的寶藏指南】一次搞定多設備分欄布局，原來還能這么玩！
大家好呀！今天在鴻蒙社區挖到一個超實用的大寶藏——原來官方早就藏了一堆分欄布局的實戰案例！作為被多端適
發表于 06-03 12:03
ArkUI-X添加到現有Android項目中
Android應用工程的集成方式
使用ACE Tools和DevEco Studio集成ArkUI-X SDK進行Android AAR開發
可以通過通過ACE Tools或DevEco Studio完成
發表于 05-28 22:44
彈性布局 (Flex) 提供更加有效的方式對容器中的子元素進行排列、對齊和分配剩余空間
子元素在交叉軸的對齊方式。
ItemAlign.Auto：使用Flex容器中默認配置。
let SWh:Record = { &#
發表于 04-30 07:54
創建列表 (List) 介紹，一起來看看是做什么的
排列的列表項數量，alignListItem用于設置子組件在交叉軸方向的對齊方式。
List組件的lanes屬性通常用于在不同尺寸的設備自適應構建不同行數或列數的列表，即一次
發表于 04-30 07:06
能力再次提升！ 迅為RK3588/RK3568開發板&核心板新增定制分區鏡像
能力再次提升！ 迅為RK3588/RK3568開發板&核心板新增定制分區鏡像
onsemi LV/MV MOSFET 產品介紹 &amp;amp; 行業應用
01直播介紹直播時間2024/10/281430直播內容1.onsemiLV/MVMOSFET產品優勢&市場地位。2.onsemiLV/MVMOSFETRoadmap。3.onsemiT10
基于ArkTS語言的OpenHarmony APP應用開發：圖片顯示器
）alignItems：**參數類型為 VerticalAlign ，表示子組件在豎直方向上的布局方。式， VerticalAlign 定義了一下三種對其方式：
Top：設置子組件在豎直方向上居頂部對齊
發表于 09-14 14:22
FS201資料（pcb &amp; DEMO &amp; 原理圖）
電子發燒友網站提供《FS201資料（pcb & DEMO & 原理圖）.zip》資料免費下載
發表于 07-16 11:24
?2次下載
解讀北美運營商，AT&amp;amp;T的認證分類與認證內容分享
在數字化日益深入的今天，通信技術的穩定與安全對于個人、企業乃至整個國家都至關重要。作為北美通信領域的領軍者，AT&T一直致力于為用戶提供高效、可靠的通信服務。而在這背后，AT&T
工商網監
評論