使用免费 PNG 图标时选项卡栏项目过大

Posted

技术标签:

【中文标题】使用免费 PNG 图标时选项卡栏项目过大【英文标题】:Tab Bar Item oversizing when using free PNG icon 【发布时间】:2017-07-27 23:27:02 【问题描述】:

我目前正在尝试为我的应用设置标签栏项目(标签图片)。我正在使用网站上众多 PNG CC/Free 图标之一;但是当我尝试通过情节提要设置它们时,我得到了一个视觉错误,它们的尺寸过大。

我想知道为什么会发生这种情况/如何解决它。我正在从thenounproject下载它们;但它们的尺寸不正确,也不是黑色。我已将 PNG 放在 assets 中并将其拖到 3x 插槽中,但它所做的只是使其更小(图片显示最小;1x 相当大)。

知道如何解决这个问题吗?

【问题讨论】:

为什么这被否决了? 【参考方案1】:

导航栏、工具栏和标签栏图标具有固定大小,如 Apple 文档中所述。

请查看:Human Interface Guidelines - Custom Icons

标签栏图标大小必须为:

推荐:

75px × 75px (25pt × 25pt @3x)

50px × 50px (25pt × 25pt @2x)

最大值:

144px × 96px (48pt × 32pt @3x)

96px × 64px (48pt × 32pt @2x)

【讨论】:

以上是关于使用免费 PNG 图标时选项卡栏项目过大的主要内容,如果未能解决你的问题,请参考以下文章

使用 PaintCode 2 StyleKit 支持 @3x、@2x 选项卡栏图标

视图控制器更改选项卡栏图标和操作

选项卡栏图标不出现(这些有啥限制?)

React-native-navigation 选项卡栏中心圆圈图标

另一个选项卡栏项目中的一个选项卡栏项目中的 PopToRootViewController

获取 Xamarin.Forms 上 TabbedPage 的本机 iOS 系统选项卡栏图标