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

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

按钮的尺寸虽然没变化,但因为背景被拉伸导致按钮的坐标偏移


将按钮设置为自适应宽高,结果被拉伸过多


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

依旧选择高宽自适应

选择自适应高宽

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

那个px是可以点击切换计量单位的

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


被拉伸过,但也能居中并保持与背景对应的高宽比


正常情况下的坐标和宽高比


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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。