国旅手游网提供好玩的手机游戏和手机必备软件下载,每天推荐精品安卓手游和最新应用软件app,并整理了热门游戏攻略、软件教程、资讯等内容。欢迎收藏

当前位置:国旅手游网攻略手游攻略内容

我的战舰全屏幕UI尺寸怎么算-全屏幕UI尺寸算法详解

发布时间:2023-05-12 13:55:28 阅读:704次 编辑:糜媚 来源:网络整理

我的战舰全屏幕UI尺寸怎么算呢?很多玩家都不是很清楚,接下来小编为大家带来一篇我的战舰全屏幕UI尺寸怎么算 全屏幕UI尺寸算法详解。

UI错位各位都见过,有各种方法去解决这个问题,在制作康斯坦丁UI的过程中,就发明(我之前没见人用过)了【全屏幕UI尺寸算法】的方法,供各位参考,具体如下

【了解屏幕尺寸】(大佬可以直接跳过)

以18:9与8:9的手机(平板电脑)屏幕为例

游戏内的尺寸标准是将屏幕的Y边长度规定为1000,X边因屏幕而异,18:9的屏幕X边长就为2000,8:9的屏幕X边长就近似于1000

不信可以验证一下,若将UI尺寸的Y值设置为1000,UI坐标的Y值必须为0.5

我的战舰全屏幕UI尺寸怎么算-全屏幕UI尺寸算法详解

可以看到左侧的按钮几乎触及了屏幕的上下边,但还是有距离,产生距离的原因是官方为了避免UI连接导致不美观,将UI缩小了一定的比例

我的战舰全屏幕UI尺寸怎么算-全屏幕UI尺寸算法详解

我的手机长宽比是2:1,上图中,中间纵向排列的UI没有间距,但横向排列的UI出现了一个很大的间距,刚好可以再容纳一个(100,100)尺寸的UI,如果在中间再放一个UI,那么在长宽比为8:9的屏幕上就一定会出现UI错位

【算法教学】

首先得到屏幕的尺寸,X为长值,Y为宽值,然后将长宽比算出来

我的战舰全屏幕UI尺寸怎么算-全屏幕UI尺寸算法详解

因为每一个屏幕的Y值都是1000长度(官方硬性规定),X值会根据每个屏幕长宽比的不同而变化,所以要将Y作为一个标准值,也就是分母

算完以后的长宽比,就可以直接用来计算不同屏幕中UI尺寸的实际X值

如果你想在长宽比为1:1的屏幕上显示一个尺寸为(100,100)的UI,因为Y值大家都是一样的,所以Y就是100,X值因屏幕而异,所以要用长宽比乘以100算出该尺寸的实际X值。

效果可以参考下方两张图片中的右上角按钮

我的战舰全屏幕UI尺寸怎么算-全屏幕UI尺寸算法详解

这个算法的尺寸是1:1屏幕的效果,在2:1的屏幕上,UI的X值就会自动变成200

我的战舰全屏幕UI尺寸怎么算-全屏幕UI尺寸算法详解

使用这个方法设计UI时,UI是1:1屏幕的布局和尺寸(可以拿张纸画一个正方形表格,在纸上进行设计,再输入到手机上)

举个例子,想要在1:1屏幕上显示一个尺寸为(200,100)的UI按钮,X值设置为200乘以长宽比,Y设置为100,这个按钮在1:1的屏幕上显示出来的实际尺寸就为(200,100),在2:1的屏幕上显示出来的实际尺寸就为(400,100),在3:1的屏幕上显示出来的实际尺寸就为(600,100)

用这个方法可以保证UI在不同的屏幕上所在占有的面积百分比是相同的,以防止UI的错位

国旅手游网糜媚小编为大家介绍的关于【我的战舰全屏幕UI尺寸怎么算-全屏幕UI尺寸算法详解】内容不知道各位玩家是否喜欢。如果您还对其他内容感兴趣,请持续关注我们的手游攻略栏目。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如果发现本站有涉嫌抄袭侵权/违法违规的内容,欢迎发送邮件至【1047436850@qq.com】举报,并提供相关证据及涉嫌侵权链接,一经查实,本站将在14个工作日内删除涉嫌侵权内容。

本文标题:【我的战舰全屏幕UI尺寸怎么算-全屏幕UI尺寸算法详解[图文攻略]】

本文链接:http://www.citshb.com/class213809.html