七大布局:流線布局、等比縮放拓展布局、分欄布局、流動布局、重復布局、固定布局
1.流線布局
流線布局指在界面中的內容元素控件在屏幕顯示區域內進行相對拉伸,以達到布局完整的目的,比如Pad&Phone橫豎屏切換
優點:開發簡單、成本低
2.等比縮放
指在界面中元素在相對位置進行等比縮放,從而達到解決橫豎屏顯示相對較好的UI界面,這種布局不會對界面造成布局重構影響,開發成本低,適配簡單,一般使用于音樂、視頻、電商、雜志期刊App等領域帶有圖片宮格布局,界面等比放大后這種大圖顯示效果比較有視覺沖擊力前提是需要足夠高清的資源支撐
3.拓展布局
拓展布局定義在屏幕可顯示區域類元素增加或者減少,常用于應用商店、音樂、視頻、電商等帶有宮格布局等場景
4.分欄布局
分欄布局定義界面布局結構發生改變,當然這種布局一般比較復雜,開發需要重構UI框架,一般在橫屏及超大PAD上面會使用這樣的布局
5.流動布局
界面元素可以根據新的屏幕比例或設備方向在組件內進行流動型布局,界面元素是可以位置發生改變的,這種布局開發成本高,適配有一定難度,但是效果還是不錯的
6.重復布局
7.固定布局
固定布局定義界面元素在橫豎屏下面,固定使用同一種布局,做法是直接通過豎屏定義規則來適配橫屏,開發成本低,效率高