【问题标题】:iPhone tab bar Item image resolution?iPhone标签栏项目图像分辨率?
【发布时间】:2008-09-30 04:22:29
【问题描述】:

标签栏项目的图片分辨率是多少?

另外,请提供有关该标签项图像的其他一些有用信息。

提前致谢。

【问题讨论】:

    标签: iphone


    【解决方案1】:

    文档说标签栏图像通常为 30x30,但我发现设置图像的最佳尺寸是 48x32 像素。这个尺寸仍然可以渲染并为您提供更多空间。

    图像是具有透明度的PNG,仅使用了蒙版。 UI 在未选中时将蒙版呈现为灰色,在选中时呈现蓝色/铬色。

    【讨论】:

      【解决方案2】:

      http://developer.apple.com/iphone/library/documentation/UserExperience/Conceptual/MobileHIG/IconsImages/IconsImages.html

      如果可能,您应该在导航栏、工具栏和选项卡栏中使用系统提供的按钮和图标...有关标准按钮和图标的完整列表以及如何使用它们的指南,请参阅“System-Provided Buttons and Icons.”

      当然,并非您的应用程序执行的每项任务都是标准任务。如果您的应用程序支持用户需要经常执行的自定义任务,您需要在工具栏或导航栏中创建代表这些任务的自定义图标。同样,如果您的应用程序显示允许用户在自定义应用程序模式或自定义数据子集之间切换的选项卡栏,您需要设计清楚地描述这些模式或子集的选项卡栏图标。本节为您提供一些指导,帮助您设计在导航栏、工具栏和选项卡栏中运行良好的图标。

      在为图标创作艺术作品之前,您需要花一些时间思考它应该传达什么。在考虑设计时,目标是:

      • 简单而流线型。过多的细节会使图标显得草率或难以辨认。
      • 不容易被误认为是系统提供的图标之一。用户应该一眼就能将您的自定义图标与标准图标区分开来。
      • 易于理解和广泛接受。努力创建一个大多数用户都能正确理解并且不会让用户感到反感的符号。

      确定图标的外观后,请在创建图标时遵循以下准则:

      • 使用 PNG 格式。
      • 使用带有适当 alpha 的纯白色。
      • 不要包含投影。
      • 使用抗锯齿。
      • 如果您决定添加斜角,请确保它是 90°(为了帮助您做到这一点,请想象一个位于图标顶部的光源)。
      • 对于工具栏和导航栏图标,创建一个大小约为 20 x 20 像素的图标。
      • 对于标签栏图标,创建一个大小约为 30 x 30 像素的图标...

      【讨论】:

        【解决方案3】:

        这个说法在技术上是不正确的:

        "...仅使用蒙版。UI 在未选中时将蒙版呈现为灰色,在选中时将蒙版呈现为蓝色/铬色..."

        您没有提供任何类型的口罩。相反,标签图像应该只是一个单色 .png 图像,也就是只使用一种颜色

        如果您提供彩色图像,UIKit 会将其量化为单色图像。在最坏的情况下,彩色图像将是 ~8000 字节,这浪费了 ~6k(视网膜)。文件格式必须是具有透明度的 24 位 .png 才能使量化正常工作。即使这是一种颜色文件格式,也不要使用颜色,否则会浪费空间。

        最重要的是要有合适的大小,最好的性能和内存使用,使用以下之一:

        标准显示
        48x32 .PNG,24 位透明(但仅使用一种颜色)。最坏情况下的大小约为 500 字节。
        30x30 .PNG,24 位透明(但仅使用一种颜色)。最坏情况下的大小约为 350 字节。

        视网膜显示屏
        60x60 .PNG,24 位透明(但仅使用一种颜色)。最坏情况下的大小约为 2000 字节。

        【讨论】:

          【解决方案4】:

          检查SDK documentation中的“UITabBarItem 类参考”

          【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2016-03-13
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多