ios - ¿Qué tan grande debe ser una imagen UIBarButtonItem?

iphone

Question

Estoy buscando crear mis propios botones Ordenar por fecha y Ordenar por número que planeo colocar en la barra de navegación como el botón derecho.

¿Qué tan grande debe ser mi imagen para llenar el espacio de forma UIBarItem página de documentación de UIBarItem no menciona nada sobre el tamaño de la imagen.

Answer 1

A partir de iOS 11, las Directrices de interfaz humana sugieren que los glifos sean de aproximadamente 25 × 25 puntos en barras de herramientas y barras de navegación, hasta un máximo de aproximadamente 28 puntos. (¡Y el HIG definitivamente debería estar en tus marcadores si estás trabajando en aplicaciones de iOS!)

Eso se traduciría en imágenes de 25 píxeles cuadrados para dispositivos más antiguos como iPad 2 / Mini, 50 píxeles cuadrados para la mayoría de los dispositivos actuales, como iPhone 8 o iPad, y 75 píxeles cuadrados para dispositivos Retina HD (iPhone 6/7/8 Plus o iPhone X). Los catálogos de activos ayudarán inmensamente a mantener organizados los diferentes tamaños de activos (y Xcode incluso puede generarlos a partir de fuentes vectoriales en estos días).

Answer 2

Fácil: incluya sus imágenes en Assets.xcassets.

¿Cómo?

• Clic en Assets.xcassets
• Haga clic en el ícono + y luego haga clic en "Nuevo conjunto de imágenes"
• Arrastre y suelte su imagen en la ranura 3x
• Cambiar el nombre del conjunto de imágenes
• En BarButton puede usar este nombre en el campo "Imagen"

Answer 3

Las Pautas de interfaz humana lo dicen desde iOS7:

Independientemente del estilo visual del icono, cree una barra de herramientas o un icono de barra de navegación en los siguientes tamaños:

Alrededor de 44 x 44 píxeles

Aproximadamente 22 x 22 píxeles (resolución estándar)

Aquí hay una gran matriz de todos los tamaños necesarios para recursos para todas las plataformas

Answer 4

Sí, Apple sugiere usar imágenes con 22px, 44px y 66px para UIBarButtonItems , pero si usa íconos preinstalados como el ícono de Marcador, tiene un tamaño de 25px 50px y 75px para 1x, 2x y 3x respectivamente.

Aquí hay 2 iconos en UIToolbar . A la derecha está el ícono del marcador del sistema de Apple y a la izquierda, mi ícono personalizado.

Aquí mi icono personalizado tamaño 22px-44px-66px:

Y aquí 25px-50px-75px:

Por lo tanto, si usa iconos personalizados y de sistema en una barra de herramientas, sugeriría usar una escala de 25px-50px-75px, o sus iconos personalizados serán más pequeños. De hecho, siempre uso la escala de 25px-50px-75px, se ve mejor en las barras de herramientas, como para mí.