zoukankan      html  css  js  c++  java
  • cocos2dx基础篇(27) 屏幕适配

    【3.x】https://blog.csdn.net/qq_40338728/article/details/82964046

     

    【屏幕适配】

    1、两个分辨率

        1.1、窗口分辨率

        在main.cpp中有个设置窗口分辨率的函数。该函数是设置了我们预想设备的屏幕大小,也就是应用程序窗口的大小。

    //
    	eglView->setFrameSize(480, 320);
    //

        1.2、设计分辨率(可视区域)

        在AppDelegate.cpp中也有个设置设计分辨率的函数。该函数是设置了我们游戏设计时候的分辨率,也就是可视区域的大小,也就是说设计者初衷的游戏可视区域的分辨率屏幕大小。

        但是对于每个用户来说,他们使用的设备不一定是(480/320)的,比如手机有大有小。

        而后面的kResolutionShowAll,意思是按照原比例(480/320)进行放缩以适配实际屏幕大小。

    //
    	CCEGLView::sharedOpenGLView()->setDesignResolutionSize(480,320,kResolutionShowAll);
    //

        以下贴了三张对比图,加深理解。

        (1)这是原图片大小,窗口大小为480 * 320。

    wKiom1QGyKzzrEiyAAEGcXbYaxQ985.jpg

        (2)若设置窗口大小为setFrameSize(960, 640),而不设置设计分辨率kResolutionShowAll的情况下,图片不放缩,原图还是480 * 320。

    wKioL1QGyLDDGT0EAAF1kC25cqU991.jpg

        (3)设置了kResolutionShowAll之后,图片放缩到适配整个屏幕960 * 640 了。

    wKiom1QGyK2hDNN0AAL4YpbsOus524.jpg

    2、五种适配模式

        从上面的讲解我们可以了解到,setFrameSize()是设置了窗口大小(即屏幕的实际大小),而这个参数只是为了我们开发时作为模拟参照,在实际手机上运行时,手机的屏幕大小是我们无法设置的。

        而屏幕适配的关键在于setDesignResolutionSize(),通过它来设置可视区域的分辨率以及屏幕适配模式。该函数的前两个参数为分辨率(即屏幕长宽比例),而最后一个参数则是适配的模式。

        2.1、适配模式

        (1)kResolutionExactFit   :拉伸变形,使铺满屏幕。

        (2)kResolutionNoBorder   :按比例放缩,全屏展示不留黑边。

                                        (长宽中小的铺满屏幕,大的超出屏幕)

        (3)kResolutionShowAll    :按比例放缩,全部展示不裁剪。

                                        (长宽中大的铺满屏幕,小的留有黑边)

        (4)kResolutionFixedWidth :按比例放缩,宽度铺满屏幕。

        (5)kResolutionFixedHeight:按比例放缩,高度铺满屏幕。

        2.2、计算方法

        假设:屏幕分辨率(fWidth,fHeight) ; 设计分辨率(dWidth,dHeight)。

              放缩因子:k1 = fWidth/dWidth ; k2 = fHeight/dHeight。

        则适配后的分辨率大小如下:

        (1)kResolutionExactFit   :( dWidth * k1         , dHeight * k2         )

        (2)kResolutionNoBorder   :( dWidth * max(k1,k2) , dHeight * max(k1,k2) )

        (3)kResolutionShowAll    :( dWidth * min(k1,k2) , dHeight * min(k1,k2) )

        (4)kResolutionFixedWidth :( dWidth * k1         , dHeight * k1         )

        (5)kResolutionFixedHeight:( dWidth * k2         , dHeight * k2         )

        2.3、有图有真相

            屏幕大小:400 X 400 。

            可视区域大小:480 X 320 。

    wKioL1QG8-7hZS8WAADziEkMLFg490.jpg        wKiom1QG8-zxDYe8AAEkbDd4bjs111.jpg

    wKioL1QG8-_DqPM-AAEZ_8A6D34121.jpg        wKiom1QG8-zBwDRiAAD00smIMss790.jpg

    wKioL1QG8-_TuGsLAAD39oAYrEo645.jpg        wKioL1QG8--giZa-AAEgbplGZdw587.jpg

    3、横竖换屏

        cocos2dx开发的游戏,在手机上运行的时候,默认是横屏的

        3.1、Android

        AndroidManifest.xml文件中

        (1)android:screenOrientation = "landscape"   //横屏显示(默认)

        (2)android:screenOrientation = "portrait"    //竖屏显示

    wKioL1QG91fAaz39AACtvtKDipE264.jpg

         3.2、IOS

    //
    	- (NSUInteger) supportedInterfaceOrientations{
    		//横屏显示
    		//return UIInterfaceOrientationMaskLandscape;
    		
    		//竖屏显示
    		return UIInterfaceOrientationMaskPortrait;
    	}
    //

    4、屏幕大小及坐标

        (1)WinSize        :屏幕大小

        (2)VisibleSize    :可视区域大小

        (3)VisibleOrigin  :可视区域的左下角坐标

    //
    	CCDirector::sharedDirector()->getWinSize()
    	CCDirector::sharedDirector()->getVisibleSize();
    	CCDirector::sharedDirector()->getVisibleOrigin();
    //

        图解:

    wKiom1QG-yKzBaDwAACvTwPsE8c748.jpg

  • 相关阅读:
    while($info = mysql_fetch_assoc($result))
    网站问题搜索
    call apply js
    函数和变量名为啥不能包含
    js 函数 理解
    smtp 4个点
    使用视频作为网页背景的技术探讨
    php表达式内含表达式
    hook_theme作用小思考
    php中引用&的真正理解-变量引用、函数引用、对象引用
  • 原文地址:https://www.cnblogs.com/lmx282110xxx/p/10798702.html
Copyright © 2011-2022 走看看