zoukankan      html  css  js  c++  java
  • 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

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

  • 相关阅读:
    Jenkins 的安装部署
    Python /usr/bin/python
    java学习基础 项目
    Java 并行与并发
    c# 将一个窗体显示在主窗体中
    java.io.IOException: open failed: EACCES (Permission denied) 问题解决
    android中创建模拟器的 SDCard
    Android学习笔记__2__Android工程目录结构
    Android学习笔记__3__Android应用程序组成
    Android学习笔记__1__Android体系架构
  • 原文地址:https://www.cnblogs.com/gamedaybyday/p/12069570.html
Copyright © 2011-2022 走看看