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