iOS:按钮大小是相对的还是绝对的？
<p><p>我想知道关于 ui 元素大小(尤其是按钮)的 iOS ui 设计的最佳实践是什么。在我的示例中，所有按钮都基于图像，没有文字。</p>
<p>我看到了两种方法</p>
<h1>绝对尺寸</h1>
<p>专业版:</p>
<ul>
<li>基于图像的按钮不需要重新缩放，避免模糊</li>
<li>界面设计器中的简单设置</li>
</ul>
<p>缺点:</p>
<ul>
<li>相对于其他 ui 元素，按钮在更大的显示器(ipad2 与 iphone 4)上看起来更小</li>
</ul>
<h1>相对尺寸</h1>
<p>专业版:</p>
<ul>
<li>在所有显示分辨率和密度下，按钮的整体 UI 外观看起来都更好</li>
</ul>
<p>缺点:</p>
<ul>
<li>按钮可能看起来很模糊</li>
<li>接口(interface)构建器约束会变得更复杂</li>
</ul>
<p><strong>我忘记了什么吗？还是我弄错了？</strong></p>
<p>现在我正在设计完全相对于屏幕的用户界面。因此，假设一个按钮的宽度为屏幕宽度的 10%，纵横比为 1:1。当用户界面完全相对时，所有设备上的一切似乎都是一致的。但我的问题始于@2x 密度按钮的场景。 iphone 4 的宽度(纵向模式)为 640，而 ipad2 的宽度为 768。我应该创建宽度为 77 像素还是 68 像素的@2x、10% 按钮图像？我会说 77，因为缩小比放大更好。</p>
<p>好吧，这引出了我的问题:</p>
<p><strong>设计 UI 的最佳做法是什么？我们应该如何处理按钮的图像设计？</strong></p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>问题通常是文本被拉长了。<br/><br/>
您可以按照以下步骤设置拉伸(stretch)区域:
<a href="https://developer.apple.com/library/ios/recipes/xcode_help-image_catalog-1.0/chapters/SlicinganImage.html" rel="noreferrer noopener nofollow">https://developer.apple.com/library/ios/recipes/xcode_help-image_catalog-1.0/chapters/SlicinganImage.html</a> </p>
<p>如果使用渐变，拉伸(stretch)后变得模糊，则需要使用 Core Graphics 绘制渐变。</p></p>
<p style="font-size: 20px;">关于iOS:按钮大小是相对的还是绝对的？，我们在Stack Overflow上找到一个类似的问题：
<a href="https://stackoverflow.com/questions/37882718/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/37882718/
</a>
</p>
页:
[1]