如何根据iOS中的设计规范布局UIlabel对象

Question

我在创建iOS屏幕时遇到了困难，无法与设计团队提供的视觉设计相匹配。

设计团队为每个屏幕提供了间距信息，显示每个文本需要与屏幕上的其他UI元素分开多少空间。随附供您参考。您可以在此处看到两个文本标签＆＃34;激活您的帐户＆＃34;和＆＃34;验证链接....＆＃34;被分开25px。

我想在故事板中实现同样的目标。我附上故事板屏幕快照供参考。

从这里你可以看到我不能保持两个文本标签的25px b / w，因为以下问题

1. 文本字体是自定义字体，我无法在故事板中加载它。我在项目中添加了字体文件，但是当我尝试在故事板中为UILabel打开它时，它并没有列出。我不确定为什么xcode不会出现。这让我很难调整标签框架的大小。如果我尝试减少标签中的空白区域（文本的上部和下部），这将使标签高度更低，但是当我以编程方式设置字体时，它不适合这个小空间。

2. 当我尝试增加标签的高度时，标签内的文本开始显示在标签框顶部和底部的中心留出空间。

所以我想知道如何解决这个问题。如果有人遇到这个问题并整理出来，请告诉我如何解决这个问题。

非常感谢

Answer 1

您的设计师没有正确地设计他们的设计:)向他们展示iOS如何呈现文本并让他们以相同的方式指定他们的设计。这就是我们在Facebook设计团队中所做的。我为你模拟了一个例子（每个方格是4dp / 8px）。

http://i.stack.imgur.com/q4tZX.png