SF符号看起来失真

问题描述 投票:1回答:1

[当在UIButton上使用新的SF符号时,这些符号在我的iPhone 8上似乎变形了,而在iPhone 11模拟器上,一切都很好。在iPhone 8上,这些符号似乎水平挤压,使其变得过高。我做了一个gif来说明问题。 gif显示了两个过渡的屏幕截图。八选一,十一选一:

Illustration of the problem

其他人有这个问题吗?这是怎么回事?

编辑:

IB属性。对于包含视图的边缘,此按钮限于所有按钮。

编辑#2:为符号指定字体时,符号大小正确,并缩放“大”。我尝试了SystemFont“标题”。

IB Attributes

ios xcode storyboard sf-symbols
1个回答
0
投票

我还没有尝试所有符号,但是看起来至少所有基于圆形的符号都存在此问题。

正如您所指出的,在常规/中等大小且字体大小为17pt的情况下,某些符号未按预期呈现,并且某些形状变形。

一些观察:

  • [这似乎只是UIButton渲染图像的情况,UIImageView不会受到影响。
  • [当增加字体大小/使用更大或更粗的符号变体时,问题将不太明显或完全消失。如果我不得不猜测,那是因为有缺陷的渲染是由一些浮点数舍入误差引起的,并且当比例尺较大时,该误差的影响较小。

这里是circle符号(绿色)在不同比例和大小下的可视比较,在Photoshop中覆盖了一个参考圆(红色):

enter image description here

  • 左:字体=标题;比例=未指定;重量=未指定
  • 中心:字体=正文;比例=未指定;重量=未指定
  • 右:字体=标题;秤=大重量=未指定

[我们可以在这里看到,无论在任何情况下,圆形符号都不是一个完美的圆形,并且水平缺少一个或两个像素(取决于字体大小)是一个完美的圆形。

© www.soinside.com 2019 - 2024. All rights reserved.