¿Qué tamaño debe tener una imagen de UIBarButtonItem?

Estoy buscando crear mi propio orden personalizado Por Fecha y Ordenar por botones numéricos que planeo colocar en la barra de navegación como el botón derecho.

Qué tan grande debería ser mi imagen para llenar adecuadamente el espacio the la página de documentación de UIBarItem no muestra nada sobre el tamaño que debería tener la imagen.

Author: hashier, 2009-10-19
Source

4 answers

A partir de iOS 11, las Pautas de Interfaz Humana sugieren que los glifos sean de aproximadamente 25×25 puntos en las barras de herramientas y las 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 iOS!)

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

 221
Author: Sixten Otto,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-11-28 17:14:43

Las Pautas de Interfaz Humana le dicen esto desde iOS7:

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

Alrededor de 44 x 44 píxeles

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

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

 43
Author: hashier,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-10-10 04:41:56

Sí, Apple sugiere usar imágenes con tamaño 22px, 44px y 66px para UIBarButtonItems, pero si usa iconos preinstalados como el icono 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 icono de marcador del sistema de Apple y a la izquierda mi icono personalizado.

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

introduzca la descripción de la imagen aquí

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

introduzca la descripción de la imagen aquí

Por lo tanto, si se utiliza personalizado y los iconos del sistema en una barra de herramientas, yo sugeriría utilizar 25px-50px-75px escala, o sus iconos personalizados serán más pequeños. De hecho, siempre uso escalado 25px-50px-75px, se ve mejor en las barras de herramientas, en cuanto a mí.

 11
Author: Peter Tretyakov,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-08-20 15:00:13

Fácil: Incluye tus imágenes en Assets.xcassets.

¿Cómo?

  • Clic en Activos.xcassets
  • Clic + icono 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 el BarButton puede usar este nombre en el campo "Imagen"
 -2
Author: jobima,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-11-04 11:54:49