【问题标题】:How to layout the UIlabel object according to design spec in iOS如何根据 iOS 中的设计规范布局 UIlabel 对象
【发布时间】:2014-05-08 12:27:09
【问题描述】:

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

设计团队提供了每个屏幕的间距信息,显示每个文本需要与屏幕上的其他 UI 元素分开多少空间。附上供您参考。您可以在这里看到两个文本标签“激活您的帐户”和“验证链接....”相距 25px。

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

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

  1. 文本字体是自定义字体,我无法在情节提要中加载相同的字体。我已经在项目中添加了字体文件,但是当我尝试在情节提要中为 UILabel 打开它时,它没有列出。我不确定为什么 xcode 没有出现。这让我很难调整标签框架的大小。如果我尝试减少标签中的空白空间(文本的上部和下部),这会降低标签高度,但是当我以编程方式设置字体时,它不适合这个小空间。

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

所以我想知道如何解决这个问题。如果有人遇到此问题并已解决,请告诉我如何解决此问题。

非常感谢

【问题讨论】:

    标签: ios7 space uielement


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 2020-06-05
      • 1970-01-01
      • 2014-08-17
      • 2018-10-11
      • 1970-01-01
      • 2023-01-11
      • 2020-02-14
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多