• Cocos Creator 屏幕适配 (Widget,Fit Width, Fit Height)


    Cocos的屏幕适配,和Egret、Laya也差不多了。

    精简到剩下最常用的Fit Width和Fit Height、Show All。

    通常竖屏手机游戏采用Fit Width,横屏手机采用Fit Height,PC端全屏采用Show All。

    而组件适配,采用了Widget组件,不仅提供了固定位置适配,还提供了百分比适配。

    一   Widget组件

    Cocos组件适配使用的Widget组件,我们在屏幕上下左右放4个Button,然后4个Button添加组件Widget。

    选中Button按钮,在右侧属性检查器下方,选择添加组件,为Button增加Widget组件。

    左上角Button,勾选top和left,表示该Button固定在左上角位置。这样依次设置右上,左下,右下Button按钮。

     对比Egret和Laya,Cocos还额外提供了百分比的适配。例如设置距离Top为10%。

    二 Canvas适配模式

    选择Canvas,属性检查器有两个适配模式,Fit Height和Fit Width

    Fit Width 宽度充满屏幕设备

    勾选Fit Width。宽度始终充满屏幕设备。

    高度被上下裁剪,裁剪后上方和下方UI将会看不见了。上下左右Button由于Widget,始终固定在上下左右位置。

    当屏幕过长高时,上下会出现边框。

     

    Fit Height 高度充满屏幕设备

    屏幕宽度过大时,左右两边出现边框。

     

    屏幕高度过大时,左右两边被裁剪,左右两边UI将会看不见了。

    Fit Height 和 FitWidth都勾选,相当于Show All

    无论屏幕过高,还是过宽,始终不进行裁剪,将会显示全部游戏界面。

  • 相关阅读:
    Oracle 验证A表的2个字段组合不在B表2个字段组合里的数据
    jQuery方法一览
    Maven构建项目时index.jsp文件报错
    DDL——对数据库表的结构进行操作的练习
    不经意的小错误——onclick和click的区别
    UML基础——统一建模语言简介
    基于UML的面向对象分析与设计
    数据结构之——树与二叉树
    UML类图几种关系的总结
    C3P0连接参数解释
  • 原文地址:https://www.cnblogs.com/gamedaybyday/p/12069570.html
Copyright © 2020-2023  润新知