你的位置:首页 > ASP.net教程

[ASP.net教程]Unity3D去掉全屏时的屏幕黑边


给全屏后不在乎拉伸变形仍想让画面占满屏幕的朋友,网上搜了一上午,实在是没有相关的资料,只能自己琢磨了。

使用Canvas Scaler在全屏后Unity虽然会为我们自动拉伸UI,但拉伸后仍然保持我们在Unity中设置的高宽比。屏幕中的黑边需要通过代码来对UI的内容进行拉伸填充。

下面是我的测试环境:

Unity3D 5.3.4

Win 10 64bit

 

测试中我Unity设置成了自动根据屏幕宽度进行拉伸,这样需要调整UI的高度来填充画面上下出现的黑边了。

开发中使用的分辨率是16:9的,但实际发布运行后肯能会在5:3,16:10甚至是2:1的显示器上运行,这样在根据上面的设置,unity会自动横向拉伸,但在画面的上下会出现黑边。

把下面的代码挂在Camera或者Canvas上的脚本的Start函数里,UI便会自动上下拉伸把画面上下部分的黑边给填充掉。

    StandarRatio = new Vector3[RechangeForms.Length];    float referenceRatio = 16f/9f;    float currentRatio =( (float)Screen.width / (float)Screen.height);    for (int i = 0; i < RechangeForms.Length; i++)    {      StandarRatio[i] = RechangeForms[i].transform.localScale;      float yFactor = StandarRatio[i].y * (referenceRatio / currentRatio);      float posYFactor = RechangeForms[i].transform.position.y * (referenceRatio / currentRatio);      RechangeForms[i].transform.DOScaleY(yFactor, 0.0f);      RechangeForms[i].transform.DOMoveY(posYFactor, 0.0f);    }  

StandarRatio是一个Vector3的数组,用来存储元素在拉伸前的Scale的值,RechangeForms是需要被拉伸的元素的集合,是个gameobject数组。

代码是通过调整UI元素的Scale中Y的值来实现填充黑边的。

使用到的数学公式:新的YScale=原始YScale*(参考分辨率的比率/实际分辨率的比率)。

这里有个额外的问题,就是在调整UI元素的Scale的Y值后,该元素的中心点左边也改变了,所以也需要做相应的调整。公式同上。(此处也可能是由于我自身项目的原因引起的)

 

完成上述步骤后,可以在Unity的预览窗口中切换成各种比利的显示器进行测试,可以看到原来上下出现的黑边已经被拉伸过后的UI元素给填充上了(虽然UI变形了,但黑边没了)。