本文介绍一种通用的2D画面布局适配方案,在移动设备多种设备分辨率情况下依然有非常好的设计效果。该方案可以使得UE可以在固定分辨率上进行UI设计,在几乎不影响基本布局的情况下,出色的完成UI自动布局。作者使用的是cocosui,本文也会提出修改cocosui 的方法。
一、Auto Layout
Auto Layout是IOS提出的一种布局、排版的解决方案,通过Auto Layout System,我们可以创建出动态和灵活的UI,轻松应对屏幕尺寸的变化,横竖屏切换,不同OS版本上布局的兼容等情况。本文参考了Auto Layout的设计思路,详情请戳这里。
二、旧的方案
1、预备知识
现在市面上的主流分辨率如下
Android
[840, 480] = 15:9 HTC
[1280, 720] = 16:9
[854, 480] = 16.05:9 SonyErisson LT18i
[960, 540] = 16:9
[1920, 1080] = 16:9
[1184, 720] = 14.8:9
[1280, 800] = 16:10
[1776, 1080] = 14.8:9 LG(L36h)