Ios TabBarItems和设置它们的图像大小?

Ios TabBarItems和设置它们的图像大小?,ios,xcode,uitabbar,Ios,Xcode,Uitabbar,我目前正在向每个选项卡栏项目添加图像。我喜欢的一个图像的大小比条形图项目的面积大得多。当我在故事板中设置条项目的图像并运行模拟器时。。。带有该图像的条形按钮覆盖整个屏幕 现在我认为有一种自动的方法可以让图像为每个按钮调整大小。遗憾的是,情况并非如此。有没有办法在加载选项卡栏时调整每个选项卡栏中图像的大小?您应该为每个选项卡栏项目准备3个图像图标 首先以75w 75h像素(最大值:144 x 96)创建3x,并将其另存为iconTab0@3x.png. 然后将其大小调整为50w 50h像素(最大:

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


现在我认为有一种自动的方法可以让图像为每个按钮调整大小。遗憾的是,情况并非如此。有没有办法在加载选项卡栏时调整每个选项卡栏中图像的大小?

您应该为每个选项卡栏项目准备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

现在,您只需在finder中选择这3幅图像,并将它们拖动到您的图像资源中


另一个选项是创建矢量图像PDF。您要做的是将矢量图像调整为最小大小(22x22)并将其导出为PDF文件。您可以使用Adobe Illustrator、Sketch和许多其他矢量图像编辑工具来完成此操作


然后将PDF文件添加到资源文件夹中,并在属性检查器中将“比例因子”设置为“单个向量”。那就够了

使用
ios8
很容易做到这一点。在情节提要中,单击每个选项卡项(要更改其图像的选项卡的单个控制器)

相应地设置
插图


但是有。修复了。

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

要调整图像大小,一个简单的好方法是:

  • 将图像添加到Assets.xcsets文件夹中的1x、2x、3x框中
  • 然后,单击每个框中的图像,用双手指轻触触摸板/右键单击,将显示以下选项:
  • 单击“使用外部编辑器打开”,这将带您进入预览
  • 单击“工具”,然后单击“调整大小”
  • 根据需要调整图像大小。然后点击“保存”并关闭窗口。Xcode中的图像应自动更新

  • 您是如何添加图像的?通过序列图像板还是通过代码?通过序列图像板转到images.xcsets,然后选择新图像集以及如何填充图像?我明白了…拖放首先选择images.xcsets,然后选择这3个文件,然后将它们放在appicon下的任意位置。每个选项卡项的大小是多少(1倍、2倍和3倍)标准和可接受的尺寸?你救了我的命这是最好的答案。不知道为什么它没有被标记为答案。这样你就不必为所有不同的尺寸创建多个图像。对于选项卡栏图标,我认为它应该是25x25。事实上,这是相当长一段时间以来的做法!应该被标记为答案。我使用的是400*400 pdf图像,我正在将其用于UITabBar,是否有任何方式使UITabBar采用400*400 pdf图像?我也启用了单比例,请回复。您好。我无法在Xcode v10.2中找到比例因子选项。我能看到的最接近的是比例,它有“单比例”(即全部)和“单个比例”选项(即1x、2x、3x);然而,这并没有提到任何关于Vector的内容。这仍然是同一个选项吗?我正在检查的资源是Vector PDF,所以这不是问题所在。这太棒了,我刚刚尝试过!只是一个问题-如果你有一个34px x 34px的图像,另一个是64px x 64px,你通常应该尝试使用更小或更大的图像吗比你的目标尺寸大(比如你的目标尺寸是50px 50px)?@Colin Hong回答得好!看这里,