Skip to content

关于界面的适配与定位

Howard edited this page Oct 10, 2019 · 1 revision

界面的适配

游戏或应用的界面适配非常重要。如果你的游戏或应用设计为运行在手机上,我们建议在index.html中,修改egret的缩放模式为fixedWidth/fixedHeight。如果您的游戏运行在PC上,可以将缩放模式设置为noScale。

选择为fixedWidth或者fixedHeight,你的程序界面将根据你设置的游戏分辨率,固定宽度或高度。这样你只需要专心做好另一个方向的适配就可以了。 而在PC上,如果你选择noScale缩放模式,那么程序将自动适应浏览器的尺寸,你只需要在Main的onUIReady方法中,添加对舞台的尺寸变更侦听即可。

this.stage.addEventListener(egret.Event.RESIZE,this.onResize,this);

同时编写onResize方法,让自己场景里的各个界面,根据最新的舞台尺寸来进行位置/尺寸的调整。

界面元素的定位

D5Power编辑器为每个界面/元素提供了绝对定位(根据坐标来进行定位),目标定位(可以设置该组件到目标组件的相对定位)以及相对定位(相对舞台尺寸进行百分比定位,计算过程中将自动扣除该元素的尺寸)