ios - plus - TabBarItems y establecer sus tamaños de imagen?

medidas para wallpaper iphone 7

Question

Actualmente estoy agregando imágenes a cada uno de mis elementos de la barra de pestañas. Una imagen que me gusta tiene un tamaño que es mucho más grande que el área del elemento de la barra. Cuando configuro la imagen del elemento de la barra en el guión gráfico y ejecuto el emulador ... el botón de la barra con esa imagen cubre toda la pantalla.

Ahora pensaba que había alguna forma automática de permitir que las imágenes cambiaran de tamaño para cada botón de barra. Este lamentablemente no es el caso. ¿Hay alguna forma cuando se carga la barra de pestañas que puedo cambiar el tamaño de las imágenes dentro de cada barra de pestañas?

Answer 1

@LeoDabus dio una buena respuesta.

Para cambiar el tamaño de la imagen, una forma buena y fácil de hacer esto es:

1. Agregue su imagen a los cuadros 1x, 2x, 3x en la carpeta Assets.xcassets.
2. Luego, haga clic en la imagen en cada cuadro y toque con dos dedos el panel táctil / haga clic con el botón derecho que revelará las opciones aquí:

3. Haga clic en ''Abrir con editor externo'', que lo llevará a la Vista previa.
4. Haga clic en ''Herramientas'' y luego ''Ajustar tamaño''.

5. Ajuste el tamaño de su imagen según sus requisitos. Luego presione ''Guardar'' y cierre la ventana. La imagen en Xcode debe actualizarse automáticamente.

Answer 2

Debe preparar 3 iconos de imágenes para cada elemento de la barra de pestañas (1x, 2x y 3x) .

Primero cree el 3x a 75w 75h píxeles (máximo: 144 x 96) y guárdelo como [email protected].

Luego cambie su tamaño a 50w 50h píxeles (máximo: 96 x 64) y guárdelo como [email protected].

Finalmente, cambie su tamaño a 25w 25h píxeles (máximo: 48 x 32) y guárdelo como iconTab0.png.

Ahora todo lo que necesita es seleccionar esas 3 imágenes en su buscador y arrastrarlas a sus recursos de imagen.

Pautas de interfaz humana

Answer 3

Es bastante fácil hacer esto con ios8 . En Storyboard, haga clic en cada elemento de la pestaña (el controlador individual para la pestaña de la que desea cambiar la imagen.

Coloque las insets consecuencia ...

Sin embargo, existe este problema . Solucionado con this .

Answer 4

Otra opción es crear una imagen vectorial PDF. Lo que debe hacer es cambiar el tamaño de su imagen vectorial al tamaño más pequeño (22x22) y exportarla a un archivo PDF. Puede hacerlo con Adobe Illustrator, Sketch y muchas otras herramientas de edición de imágenes vectoriales.

Luego agrega el archivo PDF a su carpeta de activos y en el Inspector de propiedades establece "Factores de escala" en "Vector único". ¡Deberias hacer eso!