微信小游戏创建的 UI 元素如何对齐右上角菜单？

Creator 2.x
#1

1.需求场景： 竖屏游戏中左边的返回按钮对齐 微信自带的右上角菜单。

2.尝试：
得到 wx.getMenuButtonBoundingClientRect()的返回值。将得到的top数值 px - rpx 转换：
this.rpx =Math.sqrt((7501334)/(window.innerWidthwindow.innerHeight));
backBtn.getComponent(cc.Widget).top = top * this.rpx;（backBtn的父节点全屏适配，canvas勾选FitHeight, 750*1334）

3.结果：
大部分的IOS能适配，但是在安卓下按照以上算式 惨不忍睹。

wx.getMenuButtonBoundingClientRect()得到的数值单位，该做怎样的计算转换才能直接等同于我们creator的使用单位。Size 也好，postion，widget组件等呢？

#3

你好 creator widget组件可以帮到你
详情参见文档：
http://docs.cocos.com/creator/manual/zh/ui/widget-align.html

#4

手误还没打完怎么删除该贴。另外我重新发帖显示有类似主题。请求立马删该贴。

#5

你可以选中再次编辑，这样就不需要重新发帖了

#6

我补充一下 如果是使用微信小游戏中获取菜单栏的坐标信息的api
https://developers.weixin.qq.com/minigame/dev/api/ui/menu/wx.getMenuButtonBoundingClientRect.html
在我之前的测试中 ios环境数据正常
但是安卓环境数据异常 与你的测试一致

#7

噢噢噢噢。好的谢谢

#8

我觉得还是转换的问题，微信自个的菜单，IOS跟Android都适配得挺好的

#9

大佬，wx.getMenuButtonBoundingClientRect()的返回值怎么转换成creator能使用的坐标值啊。。

#10

大佬， cocos or 小游戏环境能获取 手机的PPI吗 ， 刚瞎折腾。 top * rpx *（PPI/160）位置贼准。。。

#11

你自己试试呗

#12

关键是DPI or 几寸屏 如何得出呢~ 唯一跟DPI 有关的API ， getTargetDensityDPI 2.0版本移除了呀