鴻蒙OS開發(fā)：【一次開發(fā)，多端部署】（布局能力簡(jiǎn)介）

布局簡(jiǎn)介

布局可以分為自適應(yīng)布局和響應(yīng)式布局，二者的介紹如下表所示。

名稱	簡(jiǎn)介開發(fā)前請(qǐng)熟悉鴻蒙開發(fā)指導(dǎo)文檔：[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]點(diǎn)擊或者復(fù)制轉(zhuǎn)到。
自適應(yīng)布局	當(dāng)外部容器大小發(fā)生變化時(shí)，元素可以根據(jù)相對(duì)關(guān)系自動(dòng)變化以適應(yīng)外部容器變化的布局能力。相對(duì)關(guān)系如占比、固定寬高比、顯示優(yōu)先級(jí)等。當(dāng)前自適應(yīng)布局能力有7種：[拉伸能力]、[均分能力]、[占比能力]、[縮放能力]、[延伸能力]、[隱藏能力]、[折行能力]。自適應(yīng)布局能力可以實(shí)現(xiàn)界面顯示隨外部容器大小連續(xù)變化。
響應(yīng)式布局	當(dāng)外部容器大小發(fā)生變化時(shí)，元素可以根據(jù)斷點(diǎn)、柵格或特定的特征（如屏幕方向、窗口寬高等）自動(dòng)變化以適應(yīng)外部容器變化的布局能力。當(dāng)前響應(yīng)式布局能力有3種：[斷點(diǎn)]、[媒體查詢]、[柵格布局]。響應(yīng)式布局可以實(shí)現(xiàn)界面隨外部容器大小有級(jí)不連續(xù)變化，通常不同特征下的界面顯示會(huì)有較大的差異。

名稱

簡(jiǎn)介開發(fā)前請(qǐng)熟悉鴻蒙開發(fā)指導(dǎo)文檔：[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]點(diǎn)擊或者復(fù)制轉(zhuǎn)到。

自適應(yīng)布局

當(dāng)外部容器大小發(fā)生變化時(shí)，元素可以根據(jù)相對(duì)關(guān)系自動(dòng)變化以適應(yīng)外部容器變化的布局能力。相對(duì)關(guān)系如占比、固定寬高比、顯示優(yōu)先級(jí)等。當(dāng)前自適應(yīng)布局能力有7種：[拉伸能力]、[均分能力]、[占比能力]、[縮放能力]、[延伸能力]、[隱藏能力]、[折行能力]。自適應(yīng)布局能力可以實(shí)現(xiàn)界面顯示隨外部容器大小連續(xù)變化。

響應(yīng)式布局

當(dāng)外部容器大小發(fā)生變化時(shí)，元素可以根據(jù)斷點(diǎn)、柵格或特定的特征（如屏幕方向、窗口寬高等）自動(dòng)變化以適應(yīng)外部容器變化的布局能力。當(dāng)前響應(yīng)式布局能力有3種：[斷點(diǎn)]、[媒體查詢]、[柵格布局]。響應(yīng)式布局可以實(shí)現(xiàn)界面隨外部容器大小有級(jí)不連續(xù)變化，通常不同特征下的界面顯示會(huì)有較大的差異。

說明： 自適應(yīng)布局多用于解決頁面各區(qū)域內(nèi)的布局差異，響應(yīng)式布局多用于解決頁面各區(qū)域間的布局差異。
HarmonyOS與OpenHarmony鴻蒙文檔籽料：mau123789是v直接拿

搜狗高速瀏覽器截圖20240326151547.png

自適應(yīng)布局和響應(yīng)式布局常常需要借助容器類組件實(shí)現(xiàn)，或與容器類組件搭配使用。

自適應(yīng)布局常常需要借助[Row組件]、[Column組件]或[Flex組件]實(shí)現(xiàn)。
響應(yīng)式布局常常與[GridRow組件]、[List組件]、[Swiper組件]或[Tabs組件]搭配使用。

接下來將依次介紹自適應(yīng)布局和響應(yīng)式布局，同時(shí)結(jié)合實(shí)際，通過典型布局場(chǎng)景以及典型頁面場(chǎng)景詳細(xì)介紹兩種布局能力的用法。

聲明：本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人，不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用，如有內(nèi)容侵權(quán)或者其他違規(guī)問題，請(qǐng)聯(lián)系本站處理。舉報(bào)投訴