OGeek|极客世界-中国程序员成长平台

标题: iOS:按钮大小是相对的还是绝对的？ [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-11 16:45
标题: iOS:按钮大小是相对的还是绝对的？

我想知道关于 ui 元素大小(尤其是按钮)的 iOS ui 设计的最佳实践是什么。在我的示例中，所有按钮都基于图像，没有文字。

我看到了两种方法

绝对尺寸

专业版:

• 基于图像的按钮不需要重新缩放，避免模糊
• 界面设计器中的简单设置

缺点:

• 相对于其他 ui 元素，按钮在更大的显示器(ipad2 与 iphone 4)上看起来更小

相对尺寸

专业版:

• 在所有显示分辨率和密度下，按钮的整体 UI 外观看起来都更好

缺点:

• 按钮可能看起来很模糊
• 接口(interface)构建器约束会变得更复杂

我忘记了什么吗？还是我弄错了？

现在我正在设计完全相对于屏幕的用户界面。因此，假设一个按钮的宽度为屏幕宽度的 10%，纵横比为 1:1。当用户界面完全相对时，所有设备上的一切似乎都是一致的。但我的问题始于@2x 密度按钮的场景。 iphone 4 的宽度(纵向模式)为 640，而 ipad2 的宽度为 768。我应该创建宽度为 77 像素还是 68 像素的@2x、10% 按钮图像？我会说 77，因为缩小比放大更好。

好吧，这引出了我的问题:

设计 UI 的最佳做法是什么？我们应该如何处理按钮的图像设计？

---

Best Answer-推荐答案

问题通常是文本被拉长了。

您可以按照以下步骤设置拉伸(stretch)区域: https://developer.apple.com/library/ios/recipes/xcode_help-image_catalog-1.0/chapters/SlicinganImage.html

如果使用渐变，拉伸(stretch)后变得模糊，则需要使用 Core Graphics 绘制渐变。

关于iOS:按钮大小是相对的还是绝对的？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37882718/

---

欢迎光临 OGeek|极客世界-中国程序员成长平台 (https://ogeek.cn/)

Powered by Discuz! X3.4