鴻蒙OS開(kāi)發(fā)：【一次開(kāi)發(fā)，多端部署】（布局能力簡(jiǎn)介）
布局簡(jiǎn)介
布局可以分為自適應(yīng)布局和響應(yīng)式布局，二者的介紹如下表所示。
| 名稱 | 簡(jiǎn)介 開(kāi)發(fā)前請(qǐng)熟悉鴻蒙開(kāi)發(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ì)有較大的差異。 |
說(shuō)明： 自適應(yīng)布局多用于解決頁(yè)面各區(qū)域內(nèi)的布局差異，響應(yīng)式布局多用于解決頁(yè)面各區(qū)域間的布局差異。
HarmonyOS與OpenHarmony鴻蒙文檔籽料：mau123789是v直接拿
自適應(yīng)布局和響應(yīng)式布局常常需要借助容器類組件實(shí)現(xiàn)，或與容器類組件搭配使用。
- 自適應(yīng)布局常常需要借助[Row組件]、[Column組件]或[Flex組件]實(shí)現(xiàn)。
- 響應(yīng)式布局常常與[GridRow組件]、[List組件]、[Swiper組件]或[Tabs組件]搭配使用。
接下來(lái)將依次介紹自適應(yīng)布局和響應(yīng)式布局，同時(shí)結(jié)合實(shí)際，通過(guò)典型布局場(chǎng)景以及典型頁(yè)面場(chǎng)景詳細(xì)介紹兩種布局能力的用法。
聲明：本文內(nèi)容及配圖由入駐作者撰寫(xiě)或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人，不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用，如有內(nèi)容侵權(quán)或者其他違規(guī)問(wèn)題，請(qǐng)聯(lián)系本站處理。
舉報(bào)投訴
-
移動(dòng)開(kāi)發(fā)
+關(guān)注
關(guān)注
0文章
52瀏覽量
9841 -
鴻蒙系統(tǒng)
+關(guān)注
關(guān)注
183文章
2638瀏覽量
66730 -
HarmonyOS
+關(guān)注
關(guān)注
79文章
1983瀏覽量
30593 -
OpenHarmony
+關(guān)注
關(guān)注
25文章
3749瀏覽量
16606 -
鴻蒙OS
+關(guān)注
關(guān)注
0文章
190瀏覽量
4544
發(fā)布評(píng)論請(qǐng)先 登錄
相關(guān)推薦
HarmonyOS開(kāi)發(fā)案例：【一次開(kāi)發(fā)，多端部署（視頻應(yīng)用）】
者提供了“一次開(kāi)發(fā)，多端部署”的系統(tǒng)能力，讓開(kāi)發(fā)者可以基于一
HarmonyOS開(kāi)發(fā)案例：【一次開(kāi)發(fā)，多端部署-音樂(lè)專輯】
基于自適應(yīng)和響應(yīng)式布局，實(shí)現(xiàn)一次開(kāi)發(fā)、多端部署音樂(lè)專輯頁(yè)面。
鴻蒙OS開(kāi)發(fā)：【一次開(kāi)發(fā)，多端部署】應(yīng)用（自適應(yīng)布局）
針對(duì)常見(jiàn)的開(kāi)發(fā)場(chǎng)景，方舟開(kāi)發(fā)框架提煉了七種自適應(yīng)布局能力，這些布局可以獨(dú)立使用，也可多種布局疊加
鴻蒙OS開(kāi)發(fā)：【一次開(kāi)發(fā)，多端部署】（一多天氣）項(xiàng)目
本示例展示一個(gè)天氣應(yīng)用界面，包括首頁(yè)、城市管理、添加城市、更新時(shí)間彈窗，體現(xiàn)一次開(kāi)發(fā)，多端部署的能力
鴻蒙OS開(kāi)發(fā)：【一次開(kāi)發(fā)，多端部署】（音樂(lè)專輯主頁(yè)）
本示例使用一次開(kāi)發(fā)多端部署中介紹的自適應(yīng)布局能力和響應(yīng)式布局
鴻蒙OS開(kāi)發(fā)：【一次開(kāi)發(fā)，多端部署】（音樂(lè)專輯頁(yè)面）
基于自適應(yīng)和響應(yīng)式布局，實(shí)現(xiàn)一次開(kāi)發(fā)、多端部署音樂(lè)專輯頁(yè)面。
鴻蒙OS開(kāi)發(fā)：【一次開(kāi)發(fā)，多端部署】（視頻應(yīng)用）
者提供了“一次開(kāi)發(fā)，多端部署”的系統(tǒng)能力，讓開(kāi)發(fā)者可以基于一
鴻蒙OS開(kāi)發(fā)：【一次開(kāi)發(fā)，多端部署】（自適應(yīng)布局）
針對(duì)常見(jiàn)的開(kāi)發(fā)場(chǎng)景，方舟開(kāi)發(fā)框架提煉了七種自適應(yīng)布局能力，這些布局可以獨(dú)立使用，也可多種布局疊加
鴻蒙OS開(kāi)發(fā)：典型頁(yè)面場(chǎng)景【一次開(kāi)發(fā)，多端部署】實(shí)戰(zhàn)（音樂(lè)專輯頁(yè)2）
本示例使用[一次開(kāi)發(fā)多端部署]中介紹的自適應(yīng)布局能力和響應(yīng)式
鴻蒙OS開(kāi)發(fā)：典型頁(yè)面場(chǎng)景【一次開(kāi)發(fā)，多端部署】實(shí)戰(zhàn)（設(shè)置典型頁(yè)面）
本示例展示了設(shè)置應(yīng)用的典型頁(yè)面，其在小窗口和大窗口有不同的顯示效果，體現(xiàn)一次開(kāi)發(fā)、多端部署的能力。
HarmonyOS\"一次開(kāi)發(fā)，多端部署\"優(yōu)秀實(shí)踐——玩機(jī)技巧，碼上起航
工程一次開(kāi)發(fā)上架，即可多端按需部署。公共能力層支持網(wǎng)絡(luò)框架、工具類、數(shù)據(jù)管理等能力。特性層抽象出
發(fā)表于 08-30 18:14
華為開(kāi)發(fā)者大會(huì)2021：一次開(kāi)發(fā) 多端部署
一次開(kāi)發(fā) 多端部署使能開(kāi)發(fā)者從單設(shè)備生態(tài)跨入多設(shè)備生態(tài)！
華為開(kāi)發(fā)者大會(huì)2021：軟件部總裁龔體 鴻蒙系統(tǒng) 一次開(kāi)發(fā) 多端部署 萬(wàn)物互連
華為開(kāi)發(fā)者大會(huì)2021：鴻蒙系統(tǒng) 一次開(kāi)發(fā) 多端部署 萬(wàn)物互連 在華為
鴻蒙OS開(kāi)發(fā)：【一次開(kāi)發(fā)，多端部署】（多設(shè)備自適應(yīng)能力）簡(jiǎn)單介紹
本示例是《一次開(kāi)發(fā)，多端部署》的配套示例代碼，展示了[頁(yè)面開(kāi)發(fā)的一多能力]，包括自適應(yīng)
鴻蒙OS開(kāi)發(fā)：【一次開(kāi)發(fā)，多端部署】（ 設(shè)置app頁(yè)面）
本示例展示了設(shè)置應(yīng)用的典型頁(yè)面，其在小窗口和大窗口有不同的顯示效果，體現(xiàn)一次開(kāi)發(fā)、多端部署的能力。
工商網(wǎng)監(jiān)
評(píng)論