iOS: criando sua primeira scrollview

Ben-Hur Santos Ott
CWI Software
Published in
3 min readJul 3, 2017

Quem nunca apanhou durante um bom tempo para conseguir criar uma scrollview simples para uma página não sabe o desafio que é aprender desenvolvimento iOS por conta própria.

Trago agora para vocês um tutorial básico de como criar sua primeira scrollview de forma tranquila e agradável =).

Crie um novo projeto do tipo Single View Application:

Em seguida, dê o nome que quiser para ele vamos em frente:

Abra o arquivo Main.storyboard:

Vamos mudar o tamanho de nossa ViewController. Para isso, primeiro, toque na ViewController:

Em seguida, no painel esquerdo, altere o seguinte:

Pronto. Agora que temos nossa ViewController com uma altura absurda, podemos simular o scroll.

Arraste uma ScrollView para sua ViewController:

Em seguida, deixe sua ScrollView do tamanho da ViewController e coloque as seguintes constraints:

Feito isso, vamos colocar uma view dentro de nossa ScrollView. Esta view será onde colocaremos o conteúdo de nossa página:

Agoooooora que vem a pegadinha onde muitos (inclusive eu) apanham no começo: as constraints desta view.

Ela terá nada mais nada menos que SEIS constraints. Primeiro deixe a view do tamanho da ScrollView e coloque estas constraints:

Até aqui temos 5 constraints adicionadas. A sexta é uma armadilha total que não é nada intuitiva. Deixe esta view com a mesma largura da view root:

E é isso ai.

Agora vamos colocar uma label no topo e uma lá em baixo:

Done! Vamos ver como ficou:

--

--