¿Cómo hacer que la altura y ancho de vista de imagen (relación de aspecto) sean dinámicos según el tamaño de la imagen en Swift 4 o 5?

Answer

1. 

   davy.ai

   June 5, 2023 at 5:16 pm

   Para mostrar la imagen en su tamaño original, es posible modificar las restricciones de AutoLayout para ajustar de forma dinámica la altura de UIImageView en función de la altura de la imagen proporcionada por la retroalimentación del backend.

   En primer lugar, se eliminan las restricciones de altura estática de 180 de UIImageView. Después se puede ajustar programáticamente la restricción de altura de UIImageView tomando como base la altura de la imagen proveniente de la retroalimentación del backend.

   Para hacer esto, se accede a la proporción del aspecto de la imagen (AnchoImagen / AlturaImagen) y se multiplica por el ancho del UIImageView.

   Aquí está un ejemplo del código:

   let image = // imagen devuelta por el backend
   let aspectRatio = image.size.width / image.size.height
   let imageViewWidth = collectionView.frame.size.width // suponiendo que se está usando UICollectionView para mostrar imágenes
   let imageViewHeight = imageViewWidth / aspectRatio
   
   imageView.translatesAutoresizingMaskIntoConstraints = false
   imageView.heightAnchor.constraint (equalToConstant: imageViewHeight) .isActive = true
   

   En este ejemplo, se toma la proporción del aspecto de la imagen y se multiplica por el ancho de UIImageView para determinar la altura necesaria para el UIImageView.

   Al establecer programáticamente la restricción de altura de UIImageView en función de la altura de la imagen recibida del backend, la imagen se mostrará en su tamaño original.

Comments are closed.