分辨率
- 设计分辨率:表示我们设计的分辨率。可以这么认为,如果将我们的程序放到这个分辨率的设备上,那么我们的程序将完美显示。
- 屏幕分辨率:实际屏幕的分辨率。
设配模式
- EXACT_FIT:拉伸,铺满屏幕。
- NO_BORDER :会等比例拉伸,超出的部分会截取。
- SHOW_ALL:会将界面完整的显示出来,但是会出现黑边
- FIXED_HEIGHT:按照高度来适配,保证高度完美显示,而不管宽度
- FIXED_WIDTH:按照宽度来适配,保证宽度完美显示
设计方法
目录结构

config.json
- 横屏竖屏
isLandscape
控制的,为true
则为横屏,为false
是竖屏 - 其中
width
和 height
是控制模拟器(即窗口)的大小的

config.lua

DEBUG
:设置输出调试信息选项,即通过控制不同的print()输出信息。CC_USE_FRAMEWORK
:设置是否使用quick框架,其中包括MVC框架。CC_SHOW_FPS
:设置是否显示FPS等显卡信息CC_DISABLE_GLOBAL
:设置是否允许定义全局字段CC_DESIGN_RESOLUTION
width
,height
设计分辨率autoscale
设配模式callback
如果是4:3的屏幕,更改设配模式(作者就被这坑过)
背景设配铺满屏幕
local visiblieSize = cc.Director:getInstance():getVisibleSize()
-- 背景
local bgSprite = display.newSprite("bg_day.png"):move(display.center):addTo(self)
bgSprite:setContentSize(cc.rect(0, 0, visiblieSize.width, visiblieSize.height))