TabBarItems并设置其图像大小?

Moo*_*Cow 53 uitabbar ios

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

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

Leo*_*bus 97

您应该为每个标签栏项目(1x,2x和3x)准备3个图像图标.

首先以75瓦75h像素(最大值:144 x 96)创建3x并将其保存为iconTab0@3x.png.

然后将其调整为50w 50h像素(最大值:96 x 64),并将其保存为iconTab0@2x.png.

最后将其调整为25w 25h像素(最大值:48 x 32),并将其保存为iconTab0.png.

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

人机界面指南

在此输入图像描述

在此输入图像描述

  • 你救了我的命 (2认同)

小智 50

另一种选择是创建矢量图像PDF.您要做的是将矢量图像调整为最小尺寸(22x22)并将其导出为PDF文件.您可以使用Adobe Illustrator,Sketch和许多其他矢量图像编辑工具执行此操作.

然后将PDF文件添加到assets文件夹,并在Properties Inspector中将"Scale Factors"设置为"Single Vector".应该这样做!

  • 这是最好的答案.不确定为什么它没有被标记为答案.这样您就不必为所有不同尺寸创建多个图像. (3认同)
  • 对于标签栏图标,我认为它应该是25x25.https://developer.apple.com/ios/human-interface-guidelines/graphics/custom-icons/ (3认同)
  • 嗨,马克。我在Xcode v10.2中找不到**比例因子**选项。我能看到的最接近的东西是“比例尺”,它具有“单个比例尺”(即“全部”)和“单个比例尺”(即1x,2x,3x)的选项;但是,它没有提及Vector。这仍然是相同的选择吗?我要检查的资源是矢量PDF,所以这不是问题。 (2认同)

Rya*_*ton 27

很容易做到这一点ios8.在Storyboard中,单击每个选项卡项(要更改其图像的选项卡的单个控制器).

相应地设置insets......

在此输入图像描述

但是有这个问题.固定这个.


小智 16

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

要调整图像大小,执行此操作的一种简单方法是:

  1. 将图像添加到Assets.xcassets文件夹中的1x,2x,3x框.
  2. 然后,单击每个框中的图像,双击触控板/右键单击,这将显示以下选项:

使用外部编辑器打开

  1. 单击"使用外部编辑器打开",将进入预览.
  2. 点击"工具",然后点击"调整尺寸".

调整大小

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