項(xiàng)目描述:
基于自適應(yīng)布局和響應(yīng)式布局,實(shí)現(xiàn)購(gòu)物應(yīng)用在手機(jī)、折疊屏、平板不同屏幕尺寸設(shè)備上按不同設(shè)計(jì)顯示。通過三層工程結(jié)構(gòu)組織代碼,實(shí)現(xiàn)一次開發(fā),多端部署。并完成電商項(xiàng)目的主要功能。
掌握能力:
一次開發(fā),多端部署:一套代碼工程,一次開發(fā)上架,多端按需部署。支撐開發(fā)者快速高效的開發(fā)支持多種終端設(shè)備形態(tài)的應(yīng)用。
自適應(yīng)布局:當(dāng)外部容器大小發(fā)生變化時(shí),元素可以根據(jù)相對(duì)關(guān)系自動(dòng)變化以適應(yīng)外部容器變化的布局能力。相對(duì)關(guān)系如占比、固定寬高比、顯示優(yōu)先級(jí)等。當(dāng)前自適應(yīng)布局有 4 種:線性布局、層疊布局、彈性布局、相對(duì)布局。自適應(yīng)布局能力可以實(shí)現(xiàn)界面顯示隨外部容器大小連續(xù)變化。
響應(yīng)式布局:當(dāng)外部容器大小發(fā)生變化時(shí),元素可以根據(jù)斷點(diǎn)、柵格或特定的特征(如屏幕方向、窗口寬高等)自動(dòng)變化以適應(yīng)外部容器變化的布局能力。當(dāng)前響應(yīng)式布局能力有 2 種:媒體查詢、柵格布局。
GridRow:柵格容器組件,僅可以和柵格子組件(GridCol)在柵格布局場(chǎng)景中使用。
GridCol:柵格子組件,必須作為柵格容器組件(GridRow)的子組件使用。