cocoscreator 第十五章 cc.widget与屏幕适配

本文探讨了游戏开发中屏幕适配的重要概念,包括不同分辨率的适配策略,如固定高度、宽度和宽高比。介绍了cc.Canvas组件在屏幕适配中的作用,并讨论了设计分辨率的选择。此外,文章还讲解了界面适配的方法,利用cc.Widget组件实现界面元素在不同设备上的正确布局。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

屏幕适配
 

1: 一款游戏能适应不同的手机分辨率,我们把这个称为屏幕适配;

2: creator屏幕适配策略:  固定高度,固定宽度, 固定宽高度;

3: cc.Canvas组件:      (1)决定屏幕的适配策略;      (2)大小为屏幕的大小;

4: 美术设计分辨率:      美术人员在一个固定的分辨率下来设计资源,我们在canvas组件配置设计分辨率;  



设计分辨率 

1: 设计分辨率与固定宽度和高度策略: 横屏游戏,蓝色16:9的比例,橙色4:3 固定高度:                                                                              固定宽度

 

 

界面适配

1: 背景图做到能适配任何主流的手机分辨率;

1002: 将界面布局分为9大停靠点:

cc.Widget组件

1: cc.Widget组件帮助解决停靠点的问题;

2: cc.Widget能帮助解决和父亲大小保持一致的问题;

4: 指定要相对的节点,必须是父节点或父亲以上的节点;


creator界面适配案例


1: 确定设计分辨率

2: 配置适配策略;

3: 在设计分辨率下来搭建场景;

4: 决定界面上的停靠点,借助cc.Widget组件来实现;

5: 相对于父亲的区域大小;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值