如何创建精致的UI界面(五):响应式布局篇( 四 )

等比缩放:定义是指在界面中元素在相对位置进行等比缩放,从而达到解决横竖屏显示相对较好的UI界面,这种布局不会对界面造成布局重构影响,开发成本低,适配简单,一般使用于音乐、视频、电商、杂志期刊App等领域带有图片宫格布局,界面等比放大后这种大图显示效果比较有视觉冲击力前提是需要足够高清的资源支撑

如何创建精致的UI界面(五):响应式布局篇

youtube的截图

3. 拓展布局

如何创建精致的UI界面(五):响应式布局篇

拓展布局定义:在屏幕可显示区域类元素增加或者减少,常用于应用商店、音乐、视频、电商等带有宫格布局等场景。

如何创建精致的UI界面(五):响应式布局篇

如上面youtube的截图就是布局最好示例。

推荐阅读