多分辨率下游戏画面的适配方案

         本文介绍一种通用的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)