barra de pestañas iPhone ¿Resolución de imagen del elemento?

StackOverflow https://stackoverflow.com/questions/151746

  •  02-07-2019
  •  | 
  •  

Pregunta

¿Cuál es la resolución de la imagen para el elemento de la barra de pestañas?

Y también, proporcione alguna otra información útil con respecto a esa imagen de elemento de pestaña.

Gracias de antemano.

¿Fue útil?

Solución

La documentación dice que la imagen de la barra de pestañas suele ser de 30x30, pero he descubierto que el mejor tamaño para configurar las imágenes es de 48x32 píxeles. Este tamaño aún se procesa y le da un poco más de espacio.

La imagen es un PNG con transparencia, solo se usa la máscara. La interfaz de usuario hace que la máscara sea gris cuando no está seleccionada o azul / cromo cuando se selecciona.

Otros consejos

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

  

Cuando sea posible, debe usar los botones e íconos provistos por el sistema en las barras de navegación, barras de herramientas y barras de pestañas ... Para obtener una lista completa de botones e íconos estándar, y pautas sobre cómo usarlos, consulte & # 8220; Botones e iconos provistos por el sistema. & # 8221;

     

Por supuesto, no todas las tareas que realiza su aplicación son estándar. Si su aplicación admite tareas personalizadas que los usuarios deben realizar con frecuencia, debe crear iconos personalizados que representen estas tareas en su barra de herramientas o barra de navegación. Del mismo modo, si su aplicación muestra una barra de pestañas que permite a los usuarios cambiar entre modos de aplicación personalizados o subconjuntos de datos personalizados, debe diseñar iconos de barra de pestañas que describan claramente estos modos o subconjuntos. Esta sección le brinda orientación sobre cómo diseñar iconos que funcionen bien en barras de navegación, barras de herramientas y barras de pestañas.

     

Antes de crear el arte para su ícono, debe pasar un tiempo pensando en lo que debe transmitir. Cuando considere diseños, apunte a un icono que sea:

     
      
  • Simple y aerodinámico. Demasiados detalles pueden hacer que un icono parezca descuidado o indescifrable.
    •   
  • No se confunde fácilmente con uno de los iconos proporcionados por el sistema. Los usuarios deberían poder distinguir su icono personalizado de los iconos estándar de un vistazo.
    •   
  • Fácilmente entendido y ampliamente aceptable. Esfuércese por crear un símbolo que la mayoría de los usuarios interprete correctamente y que ningún usuario encuentre ofensivo.
    •   
     

Después de que haya decidido la apariencia de su icono, siga estas pautas a medida que lo crea:

     
      
  • Use el formato PNG.
    •   
  • Use blanco puro con alfa apropiado.
    •   
  • No incluya una sombra paralela.
    •   
  • Use anti-aliasing.
    •   
  • Si decide agregar un bisel, asegúrese de que sea 90 & # 176; (para ayudarlo a hacer esto, imagine una fuente de luz ubicada en la parte superior del icono).
    •   
  • Para los iconos de la barra de herramientas y la barra de navegación, cree un icono que mida aproximadamente 20 x 20 píxeles.
    •   
  • Para los iconos de la barra de pestañas, cree un icono que mida aproximadamente 30 x 30 píxeles ...
    •   

Esta declaración es técnicamente incorrecta:

" ... solo se usa la máscara. La interfaz de usuario hace que la máscara sea gris cuando no está seleccionada o azul / cromo cuando se selecciona ... "

No está proporcionando ningún tipo de máscara. Por el contrario, la imagen de la pestaña debe ser simplemente una imagen monocromática .png, también conocida como solo 1 color usado .

Si proporciona una imagen en color, UIKit la cuantificará en una imagen monocroma. En el peor de los casos, la imagen en color será de ~ 8000 bytes, lo que es un desperdicio de ~ 6k (retina). El formato del archivo debe ser .png de 24 bits con transparencia para que la cuantización funcione correctamente. Aunque este es un formato de archivo de color, no use el color o está desperdiciando espacio.

La conclusión es tener el tamaño correcto, con el mejor rendimiento y uso de memoria, use uno de estos:

Pantalla estándar
& nbsp; & nbsp; 48x32 .PNG, 24 bits con transparencia (pero use solo 1 color) . Peor tamaño de caso ~ 500 bytes.
& nbsp; & nbsp; 30x30 .PNG, 24 bits con transparencia (pero use solo 1 color) . Peor tamaño de caso ~ 350 bytes.

Pantalla de retina
& nbsp; & nbsp; 60x60 .PNG, 24 bits con transparencia (pero use solo 1 color) . Peor tamaño de caso ~ 2000 bytes.

Verifique la " Referencia de clase UITabBarItem " en la documentación del SDK

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top