UICollectionView - Tips and Tricks - 7º CocoaHeads Fortaleza

Apresentação do 7º CocoaHeads Fortaleza, mostrando como funciona uma CollectionView seus elementos, a customização de layout e um projeto básico customizado.

Transcript

1. UICollectionView: tricks and tips. Vinicius Carvalho Marques Mobile Developer | @viniciusc70
2. Olar! Vinicius Carvalho Organizador local do CocoaHeads Fortaleza e Desenvolvedor mobile há 2 anos e meio. github.com/viniciuscarvalho @viniciusc70
3. UICollectionView é a nova UITableView? 1
4. “ UICollectionView takes the familiar patterns of UITableView and generalizes them to make any layout possible (and, in many cases, trivial). Matt Thompson
5. UICollectionView ▪UICollectionView é uma subclass de UIScrollView, que gerencia a coletânea de items; ▪Diferente da UITableView ela tem o scroll tanto vertical como horizontal
6. UICollectionView ▪Permite criar layout customizáveis; ▪UICollectionViewFlowLayout é o padrão que organiza as células em formato de grid
7. Porque usar UICollectionView
10. •Cada célula, tem uma visão complementar, e sua view de decoração tem atributos; • Para se ter uma ideia de layouts customizáveis vamos mostrar alguns UICollectionViewLayoutAttributes
11. • frame • center • size • transform3D • alpha • zIndex • hidden
12. Método collectionViewContentSize Retorna o tamanho da área de conteúdo que você deseja mostrar no collection view; Exemplo, onde foi definido no prepareLayout o width e o height da cell.
13. layoutAttributesForElement sInRect Retorna os atributos das células que estão dentro do retângulo passado como parâmetro; Poderá ser criado um fade out de um elemento para outro, por exemplo.
14. Relembrando… 01 prepareLayout 02 collectionViewContentSize 03 layoutAttributesForElementsInRect
15. Show me the code!
18. DEMO
19. iPhone project Resultado final do projeto
20. CollectionView Animations
21. “
22. Links interessantes: UICollectionView Animations - Jared Davidson - https://www.youtube.com/ watch?v=cCAfeTqsE_Y Ray Wenderlich CollectionViews Started - http://www.raywenderlich.com/ 78550/beginning-ios-collection-views-swift-part-1 NSHipster - http://nshipster.com/uicollectionview/
23. Muito obrigado! Perguntas? @viniciusc70 viniciuscarvalho789@gmail.com