屏幕适配的文章太多了,基本上都是理论性的东西,大家明白了机制就知道了,没有完美的适配方案,除非你们的美工愿意折腾。

常规策略:

今天研究了一下屏幕适配导致的缩放和展示不全的问题(黑边的方案直接淘汰)。细想一下,美工给我们一张图(假设这张图width足够长),在不同的分辨率上我们应该如何对其展示?肯定不可能在所有的分辨率上把这张图完美的按照原比例展示出来,那答案就只有两种了:

1、铺满屏幕(长宽非等比缩放 EXACTFIT)

天天德州就采用了这种方法,在不同的分辨率上能明显看到元素被缩放或者拉伸了,对于休闲类游戏不必太过追求完美。就不上图了。

2、部分图片被遮挡(长宽等比缩放 FIXHEIGHT)

保卫萝卜即用了这种方式,场景中的控件相对布局大小等比缩放。 由于背景图采用了足够长的图片,在较宽的手机上背景图会展示的多,较窄的手机上展示的比较少。

请看下面两张图的四个角:




上面是手机截图原图,从上图可以看到控件的大小是一样的,但是由于分辨率的不同导致背景图的展示宽度不同。


方案测试:

第一种fit的方式就不说了,960*640的布局就OK。下面就使用cocosstudio来测试制作一下第二种方案的场景。(吐槽一下,cocos preview实在是不能用,怪不得只能叫preview)

测试方案一:

根节点使用绝对布局,勾选自适应屏幕。 子空间尺寸不勾选百分比(以免宽高非等比缩放导致变形),控件布局勾选百分比。480*320分辨率,背景图片大小也是480*320。

cocosstudio如下:



修改屏幕大小:

1.

glview->setFrameSize(480,320);
glview->setDesignResolutionSize(480,320,ResolutionPolicy::FIXED_HEIGHT);



2.

glview->setFrameSize(640,ResolutionPolicy::FIXED_HEIGHT);

下图可以看到控件都未做任何拉伸,背景图明显小了。




测试方案二:

根节点使用绝对布局,勾选自适应屏幕。 子空间尺寸不勾选百分比(以免宽高非等比缩放导致变形),控件布局勾选百分比。480*320分辨率,背景图片大小则改为640*320。



修改屏幕大小:

1.

glview->setFrameSize(480,ResolutionPolicy::FIXED_HEIGHT);


修改屏幕大小:

2.

glview->setFrameSize(640,ResolutionPolicy::FIXED_HEIGHT);


修改屏幕大小:

3.

glview->setFrameSize(640,480);
glview->setDesignResolutionSize(480,ResolutionPolicy::FIXED_HEIGHT);



结论:

测试用例为了展示效果使用的分辨率比较夸张,正常情况下长宽比是不会不会差距这么明显。如果对于背景要求不是很严格的游戏,可以采用第二种来做屏幕适配。 控件宽高保持等比缩放,背景图部分展示即可。

PS:1、对于理论性的东西不过与陈述,只问方案到底行,还是不行!

2、以上图片请勿用作商业用途,版权归光辉和老B同学所有。

使用cocos2dx 3.2和cocosstudio屏幕适配总结----相对布局的更多相关文章

  1. css绝对定位如何在不同分辨率下的电脑正常显示定位位置?(一定要看!)

    这篇文章主要介绍了css绝对定位如何在不同分辨率下的电脑正常显示定位位置,本文首先解释了常见的电脑分辨率,为了页面在不同的分辨率下正常显示,要给页面一个安全宽度,再去使用绝对定位,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。

  2. h5页面背景图很长要有滚动条滑动效果的实现

    这篇文章主要介绍了h5页面背景图很长要有滚动条滑动效果的实现,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  3. ios – UIButton背景图像以编程方式更改

    如何在点击事件中更改我的UIButton的背景图像?并使用上一张图片在几秒钟内刷新它?我的意思是在点击后更改它的背景图像并在点击后重置它.解决方法将您的clickEvent图像作为按钮的突出显示图像.

  4. xcode – 了解iPhone分辨率

    我正在使用phonegap将一个非常简单的html5页面导出到iphone应用程序并遇到这个愚蠢的问题.iPhone分辨率为960×640.当我将画布设置为那些尺寸时,它似乎太大了.这是为什么?我怎样才能利用iphone4的全高清功能.如果我将画布设置为较旧的iPhone,似乎画布适合全屏.将视口设置为这样的东西似乎有效,但是这会是性能损失吗?

  5. ios – 强制iPad Pro无需启动屏幕即可实现全分辨率

    解决方法不,您必须使用启动屏幕来支持iPadPro.这就是Apple决定支持它的方式.如果您找不到使用单个启动屏幕获取所需结果的方法,您可以提供一个特定于iPhone和一个特定的iPad.更新:Xcode8支持iPadProLaunch图像插槽,因此您不再需要使用Launch屏幕文件来支持iPadPro.

  6. 使用Launch Screen.xib模板真正实现通用iOS启动屏幕?

    我没有找到任何有用的教程,如何实际使用它来为所有分辨率使用单个图像制作单个启动屏幕.我知道如何使用约束使UI元素以所有分辨率为中心,但我无法弄清楚如何使我的UIImage缩放在所有分辨率上填充屏幕高度.如果我只调整我的UIImage以填充在模拟指标中选择的当前屏幕尺寸–它将只填充那个,但不适用于其他屏幕尺寸..有人能给我一些线索吗?如何使用此启动屏幕模板使UIImage为所有分辨率填充整个屏幕?

  7. ios – 为什么Google Chrome模拟器以375×667的分辨率显示iPhone 6?

    我正在以编程方式调整我的网站的图像尺寸不同大小的设备.但现在我无法告诉我实际需要什么尺寸.在GoogleChrome模拟器中,我看到我的某些图像有所增加,例如在iPhone6从230×230自然到357×357显示.该图像几乎占据了仿真屏幕的整个宽度,并且看起来稍微退化,这表明iPhone6的宽度不会大于357像素.但是ApplesaysiPhone6的分辨率是750×1334!为什么某些来源的供应尺寸是Chrome模拟器所说的两倍?

  8. ios – 基于背景图像的文本颜色

    我的视图具有带有文本标签叠加层的背景图像什么是最好/良好的动态方式来确定基于背景图像的文本颜色,以便它可以读取谢谢:)解决方法找到所提到的链接woz的平均颜色然后为您的文本设计这样的东西您还可以使用上面的链接从图像中获取UIColor,并使用matt’scategory的UIColor获得亮或暗.

  9. ios – 如何支持iPhone X分辨率或应用程序的屏幕尺寸?

    在2017年主题演讲和iPhoneX发布之后,我同样担心新iphone的兴奋.这个问题更多是关于用户界面,设计指南或界面设计方法而不是技术问题.我的问题是如何支持1125px×2436px分辨率?一些问题场景:如何支持:>水平图像视图缩放设备的整个宽度和固定高度.>ImageViews缩放整个宽度和高度.>如果我在页面上显示有限的内容,则会有额外的185点高度,这将显示大量空白区域.例如,如何设计高度为400像素并缩放整个宽度的视图.我应该保持顶部对齐的中心垂直对齐吗?

  10. 在开发iOS 7的iPhone应用程序时,还需要使用Interface Builder的低分辨率图像吗?

    我开始为iOS7开发iPhone应用程序.由于iOS7不支持iPhone/iPodtouch的非视网膜显示设备,并且在iPhone模拟模式下使用非视讯内容iPad上的高分辨率图像,现在我认为我们不会在开发仅iPhone应用程序时,需要提供低分辨率图像,其部署目标是iOS7.我以为这很棒,但是当我使用故事板时,我很快遇到了一个问题;显然InterfaceBuilder无法显示高分辨率图像,哪些文件名以@2x结尾.我觉得真的很遗憾,我们必须为InterfaceBuilder提供低分辨率图像…或者如果要使用In

随机推荐

  1. 【cocos2d-x 3.x 学习笔记】对象内存管理

    Cocos2d-x的内存管理cocos2d-x中使用的是上面的引用计数来管理内存,但是又增加了一些自己的特色。cocos2d-x中通过Ref类来实现引用计数,所有需要实现内存自动回收的类都应该继承自Ref类。下面是Ref类的定义:在cocos2d-x中创建对象通常有两种方式:这两中方式的差异可以参见我另一篇博文“对象创建方式讨论”。在cocos2d-x中提倡使用第二种方式,为了避免误用第一种方式,一般将构造函数设为protected或private。参考资料:[1]cocos2d-x高级开发教程2.3节[

  2. 利用cocos2dx 3.2开发消灭星星六如何在cocos2dx中显示中文

    由于编码的不同,在cocos2dx中的Label控件中如果放入中文字,往往会出现乱码。为了方便使用,我把这个从文档中获取中文字的方法放在一个头文件里面Chinese.h这里的tex_vec是cocos2dx提供的一个保存文档内容的一个容器。这里给出ChineseWords,xml的格式再看看ChineseWord的实现Chinese.cpp就这样,以后在需要用到中文字的地方,就先include这个头文件然后调用ChineseWord函数,获取一串中文字符串。

  3. 利用cocos2dx 3.2开发消灭星星七关于星星的算法

    在前面,我们已经在GameLayer中利用随机数初始化了一个StarMatrix,如果还不知道怎么创建星星矩阵请回去看看而且我们也讲了整个游戏的触摸事件的派发了。

  4. cocos2dx3.x 新手打包APK注意事项!

    这个在编译的时候就可以发现了比较好弄这只是我遇到的,其他的以后遇到再补充吧。。。以前被这两个问题坑了好久

  5. 利用cocos2dx 3.2开发消灭星星八游戏的结束判断与数据控制

    如果你看完之前的,那么你基本已经拥有一个消灭星星游戏的雏形。开始把剩下的两两互不相连的星星消去。那么如何判断是GameOver还是进入下一关呢。。其实游戏数据贯穿整个游戏,包括星星消除的时候要加到获得分数上,消去剩下两两不相连的星星的时候的加分政策等,因此如果前面没有做这一块的,最好回去搞一搞。

  6. 利用cocos2dx 3.2开发消灭星星九为游戏添加一些特效

    needClear是一个flag,当游戏判断不能再继续后,这个flag变为true,开始消除剩下的星星clearSumTime是一个累加器ONE_CLEAR_TIME就是每颗星星消除的时间2.连击加分信息一般消除一次星星都会有连击信息和加多少分的信息。其实这些combo标签就是一张图片,也是通过控制其属性或者runAction来实现。源码ComboEffect.hComboEffect.cpp4.消除星星粒子效果消除星星时,为了实现星星爆裂散落的效果,使用了cocos2d提供的粒子特效引擎对于粒子特效不了

  7. 02 Cocos2D-x引擎win7环境搭建及创建项目

    官网有搭建的文章,直接转载记录。环境搭建:本文介绍如何搭建Cocos2d-x3.2版本的开发环境。项目创建:一、通过命令创建项目前面搭建好环境后,怎样创建自己的Cocos2d-x项目呢?先来看看Cocos2d-x3.2的目录吧这就是Cocos2d-x3.2的目录。输入cocosnew项目名–p包名–lcpp–d路径回车就创建成功了例如:成功后,找到这个项目打开proj.win32目录下的Hello.slnF5成功了。

  8. 利用cocos2dx 3.2开发消灭星星十为游戏添加音效项目源码分享

    一个游戏,声音也是非常的重要,其实cocos2dx里面的简单音效引擎的使用是非常简单的。我这里只不过是用一个类对所有的音效进行管理罢了。Audio.hAudio.cpp好了,本系列教程到此结束,第一次写教程如有不对请见谅或指教,谢谢大家。最后附上整个项目的源代码点击打开链接

  9. 03 Helloworld

    程序都有一个入口点,在C++就是main函数了,打开main.cpp,代码如下:123456789101112131415161718#include"main.h"#include"AppDelegate.h"#include"cocos2d.h"USING_NS_CC;intAPIENTRY_tWinMain{UNREFERENCED_ParaMETER;UNREFERENCED_ParaMETER;//createtheapplicationinstanceAppDelegateapp;return

  10. MenuItemImage*图标菜单创建注意事项

    学习cocos2dx,看的是cocos2d-x3.x手游开发实例详解,这本书错误一大把,本着探索求知勇于发现错误改正错误的精神,我跟着书上的例子一起调试,当学习到场景切换这个小节的时候,出了个错误,卡了我好几个小时。

返回
顶部