UIButton 比例矢量图形

Posted 2023-03-21

【中文标题】UIButton 比例矢量图形

【英文标题】：UIButton scale vector graphic

【发布时间】：2015-03-30 16:20:45

【问题描述】：

我在我的应用程序中使用矢量图形并希望图像更大。不幸的是，我在此找到的所有帖子都只是缩放了图像，而不是使用可用的更高分辨率的矢量图形。

photoButton = [[UIButton alloc] initWithFrame:CGRectMake(width/3.0*2.0-15,
                                                                       15,
                                                                       width/3.0,
                                                                       height/3.0)];
    [photoButton setImage:[UIImage imageNamed:@"Photo"] forState:UIControlStateNormal];
    [photoButton addTarget:self action:@selector(photo) forControlEvents:UIControlEventTouchUpInside];

有什么想法吗？

【问题讨论】：

你能用一张图片说明你的意思吗？我不太明白这个问题。

你看过contentScaleFactor的房产了吗？

@Fogmeister 我的意思是我不能告诉按钮重新计算图像以获得更高的分辨率

@Johannes 好的，添加了一个答案。我想我明白问题所在了。

【参考方案1】：

啊，您所看到的是矢量图像在 ios 和 os x 中的使用方式的结果。它们不作为矢量图像存储在编译包中。矢量图像在编译时用于创建图像的所有必需的标准和视网膜版本。然后将它们作为 png 文件存储在包中，并使用屏幕分辨率（标准、2x、3x 视网膜）的 png 文件来显示它们。

您可能想要的是使用可调整大小的图像。为此，您不能使用必须提供 png 的矢量图像。然后，您可以将图像“切片”为可调整大小和不可调整大小的部分。

例如，您可以创建一个按钮背景图像，该图像将根据按钮尺寸调整大小，并通过确保角不变形来保持角的美观和圆润。

查看 Xcode 中资产目录中的“显示切片”选项。

【讨论】：

我不明白库比蒂诺对此的想法。用户一直通过蜂窝网络下载他们的应用程序。为什么不像 Windows 那样只支持矢量图像，这样用户就可以拥有更小的下载大小。一些这样做的通用应用程序最终可能会产生更大的整体应用程序大小：/