鴻蒙ArkUI開(kāi)發(fā)：【彈性布局（主軸&交叉軸對(duì)齊方式）】
主軸對(duì)齊方式
通過(guò)justifyContent參數(shù)設(shè)置在主軸方向的對(duì)齊方式，和Row、Column的主軸對(duì)齊方式行為一樣 
開(kāi)發(fā)前請(qǐng)熟悉鴻蒙開(kāi)發(fā)指導(dǎo)文檔：[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]
交叉軸對(duì)齊方式
可以通過(guò)Flex組件的alignItems參數(shù)設(shè)置子組件在交叉軸的對(duì)齊方式，子組件默認(rèn)使用Flex組件的對(duì)齊方式。但也可以通過(guò)alignSelf單獨(dú)設(shè)置對(duì)齊方式
Flex({ alignItems: ItemAlign.Start })
ItemAlign.Auto：使用Flex容器中默認(rèn)配置。 
ItemAlign.Start：交叉軸方向首部對(duì)齊 
ItemAlign.Center：交叉軸方向居中對(duì)齊 
ItemAlign.End：交叉軸方向底部對(duì)齊 
子組件通過(guò)[alignSelf]設(shè)置在父容器交叉軸的對(duì)齊格式，覆蓋Flex布局容器中alignItems配置
審核編輯 黃宇
聲明：本文內(nèi)容及配圖由入駐作者撰寫(xiě)或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀(guā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文章
515瀏覽量
17875 -
鴻蒙
+關(guān)注
關(guān)注
57文章
2383瀏覽量
42952
發(fā)布評(píng)論請(qǐng)先 登錄
相關(guān)推薦
迅為itop-3568開(kāi)發(fā)板AMP雙系統(tǒng)使用手冊(cè)之燒寫(xiě)AMP鏡像
迅為itop-3568開(kāi)發(fā)板AMP雙系統(tǒng)使用手冊(cè)之燒寫(xiě)AMP鏡像
基于A(yíng)rkTS語(yǔ)言的OpenHarmony APP應(yīng)用開(kāi)發(fā)：圖片顯示器
）alignItems：**參數(shù)類(lèi)型為 VerticalAlign ，表示子組件在豎直方向上的布局方。式， VerticalAlign 定義了一下三種對(duì)其方式：
Top：設(shè)置子組件在豎直方向上居頂部對(duì)齊
發(fā)表于 09-14 14:22
鴻蒙開(kāi)發(fā)ArkUI-X基礎(chǔ)知識(shí)：【ArkUI代碼工程及構(gòu)建介紹】
ArkUI作為OpenHarmony的默認(rèn)開(kāi)發(fā)框架，在本項(xiàng)目（ArkUI-X）中需要做到一套代碼同時(shí)支持多平臺(tái)構(gòu)建，所以會(huì)采取共倉(cāng)開(kāi)發(fā)的方式
鴻蒙開(kāi)發(fā)ArkUI-X基礎(chǔ)知識(shí)：【ArkUI跨平臺(tái)設(shè)計(jì)總體說(shuō)明】
本文檔描述ArkUI開(kāi)發(fā)框架跨平臺(tái)運(yùn)行能力相關(guān)的總體技術(shù)方案。
鴻蒙ArkUI-X跨平臺(tái)技術(shù)：【開(kāi)發(fā)準(zhǔn)備】
本文檔適用于ArkUI跨平臺(tái)應(yīng)用開(kāi)發(fā)的初學(xué)者。通過(guò)開(kāi)發(fā)環(huán)境搭建、應(yīng)用工程創(chuàng)建、編譯和運(yùn)行，熟悉ArkUI跨平臺(tái)應(yīng)用開(kāi)發(fā)基本流程。
鴻蒙ArkUI-X跨平臺(tái)開(kāi)發(fā)：【 編寫(xiě)第一個(gè)ArkUI-X應(yīng)用】
通過(guò)構(gòu)建一個(gè)簡(jiǎn)單的ArkUI頁(yè)面跳轉(zhuǎn)示例，快速了解資源創(chuàng)建引用，路由代碼編寫(xiě)和UI布局編寫(xiě)等應(yīng)用開(kāi)發(fā)流程。
鴻蒙ArkUI開(kāi)發(fā)：常用布局【交叉軸】
垂直于主軸方向的軸線(xiàn)。Row容器交叉軸為縱向，Column容器交叉軸為橫向。
鴻蒙ArkUI開(kāi)發(fā)：常用布局【彈性布局方向圖】
FlexDirection.Row（默認(rèn)值）：主軸為水平方向，子組件從起始端沿著水平方向開(kāi)始排布
鴻蒙ArkUI：【編程范式：命令式-&gt;聲明式】
簡(jiǎn)單講就是需要開(kāi)發(fā)用代碼一步一步進(jìn)行布局，這個(gè)過(guò)程需要開(kāi)發(fā)全程參與。
鴻蒙ArkUI：【從代碼到UI顯示的整體渲染流程】
方舟開(kāi)發(fā)框架（簡(jiǎn)稱(chēng)ArkUI）是鴻蒙開(kāi)發(fā)的UI框架，提供如下兩種開(kāi)發(fā)范式，我們 **只學(xué)聲明式開(kāi)發(fā)
鴻蒙ArkUI之【如何選擇布局？】
聲明式UI提供了以下9種常見(jiàn)布局，開(kāi)發(fā)者可根據(jù)實(shí)際應(yīng)用場(chǎng)景選擇合適的布局進(jìn)行頁(yè)面開(kāi)發(fā)。
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ā)ArkUI案例：【常用布局容器對(duì)齊方式】
基于A(yíng)rkTS擴(kuò)展的聲明式開(kāi)發(fā)范式，實(shí)現(xiàn)Flex、Column、Row和Stack四種常用布局容器對(duì)齊方式。
鴻蒙ArkUI開(kāi)發(fā)學(xué)習(xí)：【渲染控制語(yǔ)法】
ArkUI開(kāi)發(fā)框架是一套構(gòu)建 HarmonyOS / OpenHarmony 應(yīng)用界面的聲明式UI開(kāi)發(fā)框架，它支持程序使用?`if/else`?條件渲染，?`ForEach`?循環(huán)渲染以及?`LazyForEach`?懶加載渲染
工商網(wǎng)監(jiān)
評(píng)論