TabBarItems并设置它们的图像大小？

Question

我目前正在为每个标签栏项目添加图片。我喜欢的一个图像的大小比条形项目的区域大得多。当我在故事板中设置条形图的图像并运行模拟器时...带有该图像的条形按钮覆盖整个屏幕。

现在我认为有一些允许图像为每个条形按钮调整大小的自动方式。遗憾的是情况并非如此。有没有办法在标签栏加载时我可以调整每个标签栏中的图像大小？

Answer 1

您应为每个标签栏项(1x, 2x and 3x)准备3个图像图标。

首先以75w 75h像素（最大值：144 x 96）创建3x并将其保存为iconTab0@3x.png。

然后将其调整为50w 50h像素（最大值：96 x 64）并保存为iconTab0@2x.png。

最后将其调整为25w 25h像素（最大值：48 x 32）并将其保存为iconTab0.png。

现在您只需要在取景器中选择这3张图像并将它们拖到图像资源中。

Human Interface Guidelines

Answer 2

另一种选择是创建矢量图像PDF。您要做的是将矢量图像调整为最小尺寸（22x22）并将其导出为PDF文件。您可以使用Adobe Illustrator，Sketch和许多其他矢量图像编辑工具来完成此操作。

然后将PDF文件添加到资产文件夹和属性检查器集＆＃34;比例因子＆＃34; to＆＃34; Single Vector＆＃34;。应该这样做！

Answer 3

使用ios8很容易做到这一点。在Storyboard中，单击每个选项卡项（要更改图像的选项卡的单个控制器。

相应地设置insets ...

虽然有this issue。已修复this。

Answer 4

@LeoDabus提供了一个很好的答案。

为了调整图像大小，一个简单易行的方法是：

1. 将您的图片添加到Assets.xcassets文件夹中的1x，2x，3x框。
2. 然后，点击每个框中的图像，然后用双指点击触控板/右键单击，这将显示以下选项：



1. 点击＆＃39;打开外部编辑器＆＃39;，它将带您进入预览。
2. 点击＆＃39;工具＆＃39;然后＆＃39;调整大小＆＃39;。



1. 根据您的要求调整图像大小。然后点击“保存”＃39;并关闭窗口。 Xcode中的图像应该自动更新。