cocos creator 中 使用widget对组件的对齐小技巧

Posted 2023-05-18

参考技术A 处理一个位于左下角的按钮组时 （使用Widget组件），因为按钮和背景是分开的，导致在不同的分辨率下出现按钮和按钮背景偏离或者变形的情况。

-------------------解决方案----------------

依旧选择高宽自适应

然后点击尺寸数据后面的像素单位，将其变为百分比

再运行就对了，虽然会有按钮拉伸的状况，但按钮也能始终保持在背景框内，并保持相对大小了。

                                            ------------------半小时后更新------------

决定还是将背景图复制一份出来放到最底层做拉伸，主界面就不随着分辨率的变更而变化了，避免按钮变形影响美观

Cocos Creator插件——Many Widgets助你快速开发

Many Widgets插件旨在帮助开发者快速生成带有特定功能的组件，Shader以及3D模型。

快速生成的组件比如：

快速生成拖尾效果

如何使用Many Widgets插件给节点快速加上幻影拖尾效果

快速生成新手引导

Many Widgets 如何使用Beginner Guide新手引导控件

快速生成2D和3D摇杆

Many Widgets 如何使用2D摇杆Joystick2D控件

Many Widgets 如何使用3D摇杆Joystick3D控件

还可以快速生成放大镜、手势缩放图、打字机效果、弹幕等等

快速生成的Shader比如：

老化效果
冰冻效果
中毒效果
更新中

还有一些3D模型可供使用：

盾牌

骰子

篮球

插件的全部内容大家可以去插件商店 1了解一下。总之笔者开发这款的目的就是为了减轻一些工作量，希望能够帮到大家，也希望大家能够喜欢。这款插件会一直更新，不断加入更多内容。


该插件对各个组件和shader的用法提供了详细的使用说明以及相应的API，大家可以在【如何使用】这一栏中找到。

插件的开源地址可以点击此链接（注：Shader和3D模型部分并不开源，功能组件之后会部分开源）


对插件有任何疑问的，也可以发在这里，我看到会回复。

 

最后是我的其他社交链接：个人博客、知乎、微信公众号


一起加油 (๑•̀ㅂ•́)و✧