Upload
john-sundell
View
1.237
Download
1
Embed Size (px)
Citation preview
Card Backend
Feature
Create View Controller / Fragment
Setup container view
Register card
Load data
Handle offline
Backend request
Parse response
Handle errors or timeouts
Cache
Bind data to cards
Handle highlights & selection
Integrate View Controller / Fragment with the rest of the app
{
“id”: “b2ks8shS”,
“name”: “Indie Highlights”,
“followers”: 55
}
{
“component”: “card”,
“title”: “Indie Highlights”,
“subtitle”: “55 FOLLOWERS”,
“uri”: “spotify:playlist:b2ks8shS”
}
Playlist ComponentModel
Data binding
Not reusable Reusable
“card”
“card”
“components”: [ { “component”: “card” … }, { “component”: “card” … }, { “component”: … }, { “component”: … } ]
“row”
“components”: [ { “component”: “card” … }, { “component”: “card” … }, { “component”: … }, { “component”: … } ]
“row”
Carousel
Navigation row
Section headerCategory card
Entity card
UICollectionView
Layout traits: [Full width]
Layout traits: [Full width, Stackable]
Layout traits: [Full width, Divider]
Layout traits: [Compact width]
Layout traits: [Compact width]