Como é que a altura e a largura dos elementos da interface de utilizador mudam ao fazer scroll no iOS?

Com uma implementação padrão, a altura e a largura dos elementos UIView permanecem inalteradas ao rolar dentro de UIScrollView ou seus descendentes (UITableView, UICollectionView).

A posição dos elementos (valor da propriedade frame.origin) muda em relação aos bounds do scroll view. A propriedade bounds do scroll view desloca-se ao rolar, mas seu tamanho (bounds.size) permanece constante (igual ao tamanho de frame.size).

O tamanho do conteúdo que pode ser rolado é determinado pela propriedade contentSize do scroll view. Elementos dentro de contentSize serão visíveis ao rolar.

A mudança de tamanho dos elementos ao rolar (efeito de paralaxe ou compressão/expansão) não ocorre automaticamente e requer lógica adicional:

1. Implementação em UIScrollViewDelegate: Monitorar a mudança em contentOffset no método scrollViewDidScroll(_:) e alterar manualmente o frame ou bounds do elemento necessário.

   // Exemplo de mudança de altura do elemento ao rolar
   func scrollViewDidScroll(_ scrollView: UIScrollView) {
       let yOffset = scrollView.contentOffset.y
       let initialHeight: CGFloat = 200
       let maxHeight: CGFloat = 300
   
       // Exemplo de compressão ao rolar para baixo, expansão ao rolar para cima
       let newHeight = max(0, min(maxHeight, initialHeight - yOffset))
       
       someView.frame.size.height = newHeight
       // Tratamento da posição se a âncora não estiver no topo
   }
   

2. Uso de UIVisualEffectView: Para efeitos de desfoque ou vibrância, que podem mudar ao rolar dependendo do conteúdo abaixo.

3. Layouts personalizados: Em UICollectionView, pode-se criar um UICollectionViewLayout personalizado para gerenciar as transformações das células ao rolar.

4. Animações: Uso de UIViewPropertyAnimator ou outros mecanismos de animação iniciados em resposta ao evento de rolagem.

Assim, o comportamento básico é tamanho constante. Quaisquer mudanças de tamanho são resultado de uma implementação específica.