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