像素完美UILabel

Posted

技术标签:

【中文标题】像素完美UILabel【英文标题】:Pixel Perfect UILabel 【发布时间】:2015-03-03 20:23:24 【问题描述】:

这里有两个直接堆叠在一起的标签,它们的背景是彩色的:

我总是首先在 Photoshop 中设计我的应用程序。标签顶部和底部的死角使得在设计中精确定位文本非常困难。当我想将标签放置在文本的顶部或底部时,如何补偿顶部和底部的空间?

【问题讨论】:

我在理解这个问题时遇到了一点问题,您所说的标签顶部和底部的死区到底是什么意思? @J2K 字母与标签边缘之间的垂直间距。 【参考方案1】:

尝试在标签上调用-sizeToFit 以调整其大小。

当你想调整当前视图的大小时调用这个方法 使用最合适的空间。特定的 UIKit 视图调整大小 自己根据自己内心的需要。在某些情况下,如果一个 视图没有超级视图,它可能会根据屏幕调整大小 界限。因此,如果您希望给定视图根据其父视图调整自身大小 视图,您应该在调用此方法之前将其添加到父视图。

【讨论】:

没有骰子。这不是框架问题 - 这是因为帽高和上升器以及下降器之间的差异。见这里:cocoanetics.com/2010/02/understanding-uifont【参考方案2】:

要么使用 AutoLayout 将标签的大小精确到内容大小,要么在代码中使用 sizeToFit 并相应地定位标签。

【讨论】:

【参考方案3】:

不能用背景色创建一个背景UIView,然后将标签添加为背景视图的子视图吗?

【讨论】:

以上是关于像素完美UILabel的主要内容,如果未能解决你的问题,请参考以下文章

使用 OpenGL 进行像素完美的 2D 渲染

Opengl像素完美2D绘图

如何使用CSS归档完美像素的像素艺术缩放?

在片段着色器中绘制别名像素完美线?

QGraphicsScene 中的视觉像素完美选择

像素完美碰撞排斥/旋转响应