尽管尺寸正确,但选项卡栏图标太小
Tab Bar icons too small despite being correct size
我的标签栏控制器使用 75x75 的自定义图像图标,但它们看起来很小。
它们看起来好像没有使用标签栏的整个高度,我不明白为什么。如果我将尺寸增大到 150x150,该图标不会使用下面的 space,而是与顶部边框重叠并侵占视图的其余部分。
如何让图标完全居中并使用它们可用的所有标签栏高度?
主页选项卡图像的资产目录如下所示:
75x75 像素的图像图标应该适合@3x 设备。
如果标题为 nil,则图片不会自行展开。
但是您可以使用偏移 属性 来移动图像。
转到 StoryBoard 中的尺寸检查器,并更改图像插图的底部偏移量。
有关详细信息,请参阅此 link
您发布的图片实际上看起来是正确的。标签栏尊重屏幕的安全区域,标签栏按钮与底部的主页指示器有默认距离。
作为对比,这里是 App Store 应用的标签栏:
与您的屏幕截图叠加时,您可以看到图标位置相同:
您可以通过为选项卡提供标题来改进视觉设计。
如果您希望保留没有标题的标签栏按钮,您可以按照此处所述调整图像插入:Remove tab bar item text, show only image。
确保在具有不同安全区域(例如 iPhone 8)和不同设备方向(如果支持)的设备上测试您的解决方案。
请注意,使用此方法您将违背 UITabBarController
的预期设计。一个更健壮和灵活的解决方案可能是用自定义 UIViewController
子类替换 UITabBarController
。
我的标签栏控制器使用 75x75 的自定义图像图标,但它们看起来很小。
它们看起来好像没有使用标签栏的整个高度,我不明白为什么。如果我将尺寸增大到 150x150,该图标不会使用下面的 space,而是与顶部边框重叠并侵占视图的其余部分。
如何让图标完全居中并使用它们可用的所有标签栏高度?
主页选项卡图像的资产目录如下所示:
75x75 像素的图像图标应该适合@3x 设备。 如果标题为 nil,则图片不会自行展开。
但是您可以使用偏移 属性 来移动图像。
转到 StoryBoard 中的尺寸检查器,并更改图像插图的底部偏移量。
有关详细信息,请参阅此 link
您发布的图片实际上看起来是正确的。标签栏尊重屏幕的安全区域,标签栏按钮与底部的主页指示器有默认距离。
作为对比,这里是 App Store 应用的标签栏:
与您的屏幕截图叠加时,您可以看到图标位置相同:
您可以通过为选项卡提供标题来改进视觉设计。
如果您希望保留没有标题的标签栏按钮,您可以按照此处所述调整图像插入:Remove tab bar item text, show only image。
确保在具有不同安全区域(例如 iPhone 8)和不同设备方向(如果支持)的设备上测试您的解决方案。
请注意,使用此方法您将违背 UITabBarController
的预期设计。一个更健壮和灵活的解决方案可能是用自定义 UIViewController
子类替换 UITabBarController
。