ios - 像 Apple 那样在按钮中插入人字形？

Question

我想找到一种将人字形添加到我的按钮的有效方法，类似于 Apple 在 iTunes 中的做法。例如，在下图中，您可以在“查看全部”和“条款和条件”文本后看到一个 V 形。是否有看起来像这样的 unicode 字符，或者如果没有，是否有实现相同效果的简单方法？

我尝试搜索 unicode 字符，但我发现的所有 V 形符号要么太粗、太高，要么太小。

注意:我意识到我可以将自动布局与 UIImageView 一起使用，但这似乎有些过分，特别是如果我希望两个元素居中对齐，如下面的“条款和条件”示例所示。这将涉及类似的事情，例如将 super View 添加到按钮和图像，添加必要的约束以将其调整到 subview 的框架，然后将这个新的 super View 对齐到中心。这将产生大约 8 个约束和 3 个 View ，而不是理想情况下的 2 个约束和一个 View 。另外，它不会使人字形可点击。 (由于模糊的手指匹配，在 iPhone 上不是什么大问题，但在模拟器中它很明显。)

我希望有任何更简单的方法来做到这一点，例如使用 unicode 字符，或直接在按钮内添加图像。

Answer 1

我刚刚注意到他们的网站上有类似的图标:

在这种情况下，他们创建了一个自定义字体 appleicons_text:

然后他们将 more 类添加到任何需要人字形的元素。实际添加人字形的相关 CSS 类是:

.more:after {
    font-family: as-AppleIcons;
    content: ""
}

请注意，content 看起来是空的，但实际上在第二个引号附近有一个隐藏的 V 形字符。如果您安装了该字体，您应该会看到人字形图标。 (将该行粘贴到文本编辑中将显示一个问号字符。)

最后，他们确保 as-AppleIcons 将显示在您的浏览器中:

@font-face {
    font-family: as-AppleIcons;
    url(assets/ac-appleicons/fonts/appleicons_text.ttf) format("truetype")
}

注意:我省略了一堆与这个答案没有直接关系的 css 代码。

有可能是苹果imported this font into iOS并使用 NSAttributedString 来产生相同的效果。

---

更新:看起来有一个开源项目在做类似的事情，叫做Font Awesome。到目前为止，已有超过 650 个图标。