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