鴻蒙OS開發(fā)：【一次開發(fā)，多端部署】（布局能力簡介）
布局簡介
布局可以分為自適應(yīng)布局和響應(yīng)式布局，二者的介紹如下表所示。
| 名稱 | 簡介 開發(fā)前請熟悉鴻蒙開發(fā)指導(dǎo)文檔：[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]點擊或者復(fù)制轉(zhuǎn)到。 |
|---|---|
| 自適應(yīng)布局 | 當(dāng)外部容器大小發(fā)生變化時，元素可以根據(jù)相對關(guān)系自動變化以適應(yīng)外部容器變化的布局能力。相對關(guān)系如占比、固定寬高比、顯示優(yōu)先級等。當(dāng)前自適應(yīng)布局能力有7種：[拉伸能力]、[均分能力]、[占比能力]、[縮放能力]、[延伸能力]、[隱藏能力]、[折行能力]。自適應(yīng)布局能力可以實現(xiàn)界面顯示隨外部容器大小連續(xù)變化。 |
| 響應(yīng)式布局 | 當(dāng)外部容器大小發(fā)生變化時，元素可以根據(jù)斷點、柵格或特定的特征（如屏幕方向、窗口寬高等）自動變化以適應(yīng)外部容器變化的布局能力。當(dāng)前響應(yīng)式布局能力有3種：[斷點]、[媒體查詢]、[柵格布局]。響應(yīng)式布局可以實現(xiàn)界面隨外部容器大小有級不連續(xù)變化，通常不同特征下的界面顯示會有較大的差異。 |
說明： 自適應(yīng)布局多用于解決頁面各區(qū)域內(nèi)的布局差異，響應(yīng)式布局多用于解決頁面各區(qū)域間的布局差異。
HarmonyOS與OpenHarmony鴻蒙文檔籽料：mau123789是v直接拿
自適應(yīng)布局和響應(yīng)式布局常常需要借助容器類組件實現(xiàn)，或與容器類組件搭配使用。
- 自適應(yīng)布局常常需要借助[Row組件]、[Column組件]或[Flex組件]實現(xiàn)。
- 響應(yīng)式布局常常與[GridRow組件]、[List組件]、[Swiper組件]或[Tabs組件]搭配使用。
接下來將依次介紹自適應(yīng)布局和響應(yīng)式布局，同時結(jié)合實際，通過典型布局場景以及典型頁面場景詳細介紹兩種布局能力的用法。
聲明：本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人，不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學(xué)習(xí)之用，如有內(nèi)容侵權(quán)或者其他違規(guī)問題，請聯(lián)系本站處理。
舉報投訴
-
移動開發(fā)
+關(guān)注
關(guān)注
0文章
52瀏覽量
10370 -
鴻蒙系統(tǒng)
+關(guān)注
關(guān)注
183文章
2642瀏覽量
68132 -
HarmonyOS
+關(guān)注
關(guān)注
80文章
2126瀏覽量
33101 -
OpenHarmony
+關(guān)注
關(guān)注
29文章
3854瀏覽量
18634 -
鴻蒙OS
+關(guān)注
關(guān)注
0文章
191瀏覽量
4998
發(fā)布評論請先 登錄
相關(guān)推薦
熱點推薦
HarmonyOS開發(fā)案例：【一次開發(fā)，多端部署（視頻應(yīng)用）】
者提供了“一次開發(fā)，多端部署”的系統(tǒng)能力，讓開發(fā)者可以基于一
HarmonyOS開發(fā)案例：【一次開發(fā)，多端部署-音樂專輯】
基于自適應(yīng)和響應(yīng)式布局，實現(xiàn)一次開發(fā)、多端部署音樂專輯頁面。
鴻蒙OS開發(fā)：【一次開發(fā)，多端部署】應(yīng)用（自適應(yīng)布局）
針對常見的開發(fā)場景，方舟開發(fā)框架提煉了七種自適應(yīng)布局能力，這些布局可以獨立使用，也可多種布局疊加
鴻蒙OS開發(fā)：【一次開發(fā)，多端部署】（一多天氣）項目
本示例展示一個天氣應(yīng)用界面，包括首頁、城市管理、添加城市、更新時間彈窗，體現(xiàn)一次開發(fā)，多端部署的能力
鴻蒙OS開發(fā)：【一次開發(fā)，多端部署】（音樂專輯主頁）
本示例使用一次開發(fā)多端部署中介紹的自適應(yīng)布局能力和響應(yīng)式布局
鴻蒙OS開發(fā)：【一次開發(fā)，多端部署】（音樂專輯頁面）
基于自適應(yīng)和響應(yīng)式布局，實現(xiàn)一次開發(fā)、多端部署音樂專輯頁面。
鴻蒙OS開發(fā)：【一次開發(fā)，多端部署】（視頻應(yīng)用）
者提供了“一次開發(fā)，多端部署”的系統(tǒng)能力，讓開發(fā)者可以基于一
鴻蒙OS開發(fā)：【一次開發(fā)，多端部署】（自適應(yīng)布局）
針對常見的開發(fā)場景，方舟開發(fā)框架提煉了七種自適應(yīng)布局能力，這些布局可以獨立使用，也可多種布局疊加
鴻蒙OS開發(fā)：典型頁面場景【一次開發(fā)，多端部署】實戰(zhàn)（音樂專輯頁2）
本示例使用[一次開發(fā)多端部署]中介紹的自適應(yīng)布局能力和響應(yīng)式
鴻蒙OS開發(fā)：典型頁面場景【一次開發(fā)，多端部署】實戰(zhàn)（設(shè)置典型頁面）
本示例展示了設(shè)置應(yīng)用的典型頁面，其在小窗口和大窗口有不同的顯示效果，體現(xiàn)一次開發(fā)、多端部署的能力。
HarmonyOS\"一次開發(fā)，多端部署\"優(yōu)秀實踐——玩機技巧，碼上起航
工程一次開發(fā)上架，即可多端按需部署。公共能力層支持網(wǎng)絡(luò)框架、工具類、數(shù)據(jù)管理等能力。特性層抽象出
發(fā)表于 08-30 18:14
華為開發(fā)者大會2021：一次開發(fā) 多端部署
一次開發(fā) 多端部署使能開發(fā)者從單設(shè)備生態(tài)跨入多設(shè)備生態(tài)！
華為開發(fā)者大會2021：軟件部總裁龔體 鴻蒙系統(tǒng) 一次開發(fā) 多端部署 萬物互連
華為開發(fā)者大會2021：鴻蒙系統(tǒng) 一次開發(fā) 多端部署 萬物互連 在華為
鴻蒙OS開發(fā)：【一次開發(fā)，多端部署】（多設(shè)備自適應(yīng)能力）簡單介紹
本示例是《一次開發(fā)，多端部署》的配套示例代碼，展示了[頁面開發(fā)的一多能力]，包括自適應(yīng)
鴻蒙OS開發(fā)：【一次開發(fā)，多端部署】（ 設(shè)置app頁面）
本示例展示了設(shè)置應(yīng)用的典型頁面，其在小窗口和大窗口有不同的顯示效果，體現(xiàn)一次開發(fā)、多端部署的能力。
工商網(wǎng)監(jiān)
評論