¿Cómo cambian la altura y el ancho de los elementos de la interfaz de usuario al desplazarse en iOS?

Con una implementación estándar, la altura y el ancho de los elementos UIView permanecen sin cambios al desplazarse dentro de UIScrollView o sus descendientes (UITableView, UICollectionView).

La posición de los elementos (el valor de la propiedad frame.origin) cambia en relación con los bounds del scroll view. La propiedad bounds del scroll view se desplaza al desplazarse, pero su tamaño (bounds.size) permanece constante (igual al tamaño de frame.size).

El tamaño del contenido que puede desplazarse se determina mediante la propiedad contentSize del scroll view. Los elementos ubicados dentro de contentSize serán visibles al desplazarse.

El cambio de tamaño de los elementos durante el desplazamiento (efecto de paralaje o compresión/extensión) no ocurre automáticamente y requiere lógica adicional:

1. Implementación en UIScrollViewDelegate: Seguimiento del cambio en contentOffset en el método scrollViewDidScroll(_:) y modificación manual del frame o bounds del elemento necesario.

   // Ejemplo de cambio de altura del elemento al desplazarse
   func scrollViewDidScroll(_ scrollView: UIScrollView) {
       let yOffset = scrollView.contentOffset.y
       let initialHeight: CGFloat = 200
       let maxHeight: CGFloat = 300
   
       // Ejemplo de compresión al desplazarse hacia abajo, expansión al desplazarse hacia arriba
       let newHeight = max(0, min(maxHeight, initialHeight - yOffset))
       
       someView.frame.size.height = newHeight
       // Manejo de la posición si el ancla no está en la parte superior
   }
   

2. Uso de UIVisualEffectView: Para efectos de desenfoque o vibración, que pueden cambiar al desplazarse dependiendo del contenido debajo.

3. Diseños personalizados: En UICollectionView, se puede crear un UICollectionViewLayout personalizado para gestionar las transformaciones de las celdas durante el desplazamiento.

4. Animaciones: Uso de UIViewPropertyAnimator u otros mecanismos de animación que se inicien en respuesta al evento de desplazamiento.

Por lo tanto, el comportamiento básico es tamaño constante. Cualquier cambio en el tamaño es resultado de una implementación específica.