【问题标题】:Pixelated UIButton edges像素化 UIButton 边缘
【发布时间】:2016-07-05 05:05:08
【问题描述】:

我正在使用 Storyboard,并创建了一个带有自定义图像的 UIButton

我遇到了按钮边缘像素化的问题:

图片:

有什么想法吗?谢谢!

【问题讨论】:

  • 图片大小和imageview大小应该完全一样。
  • 您必须拥有所有尺寸的图片@1x@2x@3x 图片。或者您可以使用矢量图像。并且 imageview/button 的大小应该是@1x image.
  • @AshishKakkad 谢谢!
  • @AshishKakkad 你知道有什么Mac 软件可以将图像转换成所有需要的尺寸吗?
  • @FS.O 一般是设计师给的。否则你可以使用Prepo 或Xcode 的工具RTImageAssets

标签: ios objective-c iphone cocoa-touch uibutton


【解决方案1】:

创建此按钮的三种方法。

  1. 您可以在默认按钮中添加加号。给出红色背景和圆角半径。
  2. 在文件夹中添加@1x、@2x 和@3x 等所有资产。

        您可以使用Prepo 或Xcode 工具RTImageAssets 或任何其他适合您要求的工具来准备资产。

  3. 使用矢量图像作为资产。文章:Use of vectors in Xcode

【讨论】:

  • 我正在尝试使用 RTImageAssets 执行此操作,但它似乎为所有尺寸生成相同的尺寸(我将 1000X1000 图像放在 3x 上,它为 1x 和 2x 生成相同的尺寸),并且按钮仍然像素化
  • 我做的比较大,然后又变小了。它应该是什么尺寸(3x)
  • 3x(将在 iPhone 6 Plus 中使用的视网膜)是按钮的最大尺寸。 1x = 3x/2 和 2x = 1x * 2。这是现在的概念,只要放你想要的图像大小。
  • 那么如果storyboard上的UIButton尺寸是45x45,那么3x图像应该是45x45?
  • @FS.O 好。享受吧。
【解决方案2】:

如果您在模拟器中以缩放模式查看此图像,图像可能会显得模糊。在 100% 缩放模式下查看此效果可能会消除此效果。 但是,如果您在设备中遇到此问题,则说明您的图像资产存在问题。使用 adobe photoshop,您可以根据 iOS 指南创建图像。 这个链接可以帮助你 https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html#//apple_ref/doc/uid/TP40006556-CH27-SW1

【讨论】:

  • 常规 UIButton 需要多大的尺寸?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-01-07
  • 1970-01-01
  • 2021-12-31
  • 1970-01-01
  • 2012-06-25
相关资源
最近更新 更多