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 una imagen UIBarButtonItem?
Cuán grande debe ser mi imagen para llenar el espacio de forma adecuada; la página de documentación UIBarItem no muestra nada sobre el tamaño de la imagen.
A partir de iOS 11, Human Interface Guidelines sugieren que los glifos sean 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 debe estar en sus marcadores si está 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 puede incluso generate them from vector sources en estos días).
El Human Interface Guidelines te dice esto desde iOS7:
Independientemente del estilo visual del icono, crear una navegación icono de la barra de herramientas o en los siguientes tamaños:
Cerca de 44 x 44 píxeles
Acerca de 22 x 22 píxeles (resolución estándar)
Aquí hay un great matrix de todos los tamaños necesarios para recursos para todas las plataformas
Fácil: Incluir imágenes en Assets.xcassets.
¿Cómo?
¿Cómo responde esto? pregunta sobre el tamaño? –
@AndreaLazzarotto buen punto, pero esta respuesta incluye información importante que queda fuera de las otras respuestas – paul
Sí, Apple sugieren el uso de imágenes con 22 píxeles, tamaño de 44px y 66px de UIBarButtonItems, pero si se utiliza preinstal Iconos de led como el ícono de Marcador, tiene un tamaño de 25px 50px y 75px para 1x, 2x y 3x respectivamente.
Aquí están 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 de tamaño personalizado 22px-44px-66px:
Y aquí 25px-50px-75px:
lo tanto, si usted utiliza personalizados y del sistema iconos 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í.
Gracias, exactamente lo que necesitaba saber combinado con un puntero a un gran documento. Marcado. –
Desearía que el Mobile HIG dijera algo más útil que "aproximadamente 20x20". Si usa una imagen de exactamente 20x20px, en realidad no mapeará 1: 1, y el botón no será cuadrado. – Clafou
Clafou, ¿estás hablando de una imagen para el contenido del botón (como esta pregunta es), o para ser utilizado como fondo del botón (con la apariencia API de personalización)? ¿Has publicado una pregunta sobre esto? –