iphone - problemas - ios 11 se traba
Barra de pestañas del iPhone ¿Resolución de imagen del artículo? (4)
¿Cuál es la resolución de la imagen para el elemento de la barra de pestañas?
Y también, proporcione otra información útil con respecto a la imagen del elemento de tabulación.
Gracias por adelantado.
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 renderiza 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 muestra la máscara gris cuando no está seleccionada o azul / cromada cuando se selecciona.
Esta declaración es técnicamente incorrecta:
"... solo se usa la máscara. La interfaz de usuario muestra la máscara gris cuando no está seleccionada o azul / cromada cuando se selecciona ..."
No estás suministrando ningún tipo de máscara. Más bien, la imagen de la pestaña debería ser simplemente una imagen monocromática .png, también conocida como el único color utilizado .
Si proporciona una imagen coloreada, UIKit la cuantizará en una imagen monocroma. En el peor de los casos, la imagen en color será ~ 8000 bytes, lo que supone un desperdicio de ~ 6k (retina). El formato de 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á perdiendo espacio.
La línea de fondo es tener el tamaño correcto, con el mejor rendimiento y uso de memoria, use uno de estos:
Pantalla estándar
48x32 .PNG, 24 bits con transparencia (pero use solo 1 color) . El peor tamaño de la caja ~ 500 bytes.
30x30 .PNG, 24 bits con transparencia (pero use solo 1 color) . Peor tamaño de la caja ~ 350 bytes.
Pantalla Retina
60x60 .PNG, 24 bits con transparencia (pero use solo 1 color) . Peor tamaño de la caja ~ 2000 bytes.
Compruebe la "Referencia de la clase UITabBarItem" en la documentación del SDK
Cuando sea posible, debe usar los botones e íconos proporcionados 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 "Botones proporcionados por el sistema y Iconos ".
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 la barra de herramientas o en la 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 aplicaciones personalizadas 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 de su icono, debe dedicar un tiempo a pensar qué debe transmitir. Al considerar los diseños, busque un ícono 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 íconos proporcionados por el sistema. Los usuarios deberían ser capaces de distinguir su icono personalizado de los iconos estándar de un vistazo.
- Entendido y ampliamente aceptado. Esfuércese por crear un símbolo que la mayoría de los usuarios interpretarán correctamente y que ningún usuario encontrará ofensivo.
Una vez que haya decidido la apariencia de su icono, siga estas pautas a medida que lo cree:
- Usa el formato PNG.
- Use blanco puro con el alfa apropiado.
- No incluya una sombra paralela.
- Use anti-aliasing.
- Si decide agregar un bisel, asegúrese de que sea de 90 ° (para ayudarlo a hacer esto, imagine una fuente de luz ubicada en la parte superior del icono).
- Para la barra de herramientas y los iconos de la barra de navegación, crea un icono que mida unos 20 x 20 píxeles.
- Para los iconos de la barra de pestañas, crea un icono que mida unos 30 x 30 píxeles ...