TabBar图像应该是多大？ [英] What size should TabBar images be?

问题描述

我有一个大小为100的tabBar的图标。

I have icons for a tabBar of size 100.

我检查了在Apple的人机界面指南上，它说图像大小应该 30x30 / 60x60 。

I checked at Apple's Human Interface Guidelines and it says the image size should be 30x30 / 60x60.

但由于标签栏控制器的高度为50，我保留了图像的大小在 50x50 。

But as the height of tab bar controller is 50, I kept the size of the image at 50x50.

现在，当我运行项目时，我看到下面的丑陋设计：

Now, when I run the project, I see the ugly design below:

知道我应该使用什么尺寸的图片以便设计完美吗？

Any idea what size images I should use so that the design will be perfect?

注意：我不是在写文本也（例如，家庭，搜索等）。选项卡按钮的文本位于图像本身。

Note: I am not writing text also (e.g. Home, Search, etc). The text of the tab button is there in the image itself.

推荐答案

30x30是积分，这意味着30px @ 1x，60px @ 2x，而不是介于两者之间。此外，将标签的标题嵌入到图像中并不是一个好主意 - 您将获得相当差的可访问性和本地化结果。

30x30 is points, which means 30px @1x, 60px @2x, not somewhere in-between. Also, it's not a great idea to embed the title of the tab into the image—you're going to have pretty poor accessibility and localization results like that.

这篇关于TabBar图像应该是多大？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！