Collections

5 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€92.81
List Price:  €129.94
You save:  €37.13
£79.68
List Price:  £111.56
You save:  £31.87
CA$136.70
List Price:  CA$191.38
You save:  CA$54.68
A$151.47
List Price:  A$212.07
You save:  A$60.59
S$134.88
List Price:  S$188.84
You save:  S$53.96
HK$781.18
List Price:  HK$1,093.68
You save:  HK$312.50
CHF 90.49
List Price:  CHF 126.69
You save:  CHF 36.20
NOK kr1,087.35
List Price:  NOK kr1,522.33
You save:  NOK kr434.98
DKK kr692.92
List Price:  DKK kr970.11
You save:  DKK kr277.19
NZ$166.33
List Price:  NZ$232.87
You save:  NZ$66.53
د.إ367.25
List Price:  د.إ514.16
You save:  د.إ146.91
৳10,943.35
List Price:  ৳15,321.13
You save:  ৳4,377.77
₹8,337.18
List Price:  ₹11,672.39
You save:  ₹3,335.20
RM473.95
List Price:  RM663.55
You save:  RM189.60
₦123,487.65
List Price:  ₦172,887.65
You save:  ₦49,400
₨27,738.77
List Price:  ₨38,835.40
You save:  ₨11,096.62
฿3,675.50
List Price:  ฿5,145.85
You save:  ฿1,470.34
₺3,235.04
List Price:  ₺4,529.19
You save:  ₺1,294.14
B$509.60
List Price:  B$713.47
You save:  B$203.86
R1,850.72
List Price:  R2,591.08
You save:  R740.36
Лв181.51
List Price:  Лв254.13
You save:  Лв72.61
₩135,590.93
List Price:  ₩189,832.73
You save:  ₩54,241.80
₪370.74
List Price:  ₪519.05
You save:  ₪148.31
₱5,705.78
List Price:  ₱7,988.32
You save:  ₱2,282.54
¥15,303.96
List Price:  ¥21,426.16
You save:  ¥6,122.20
MX$1,697.07
List Price:  MX$2,375.96
You save:  MX$678.89
QR363.69
List Price:  QR509.19
You save:  QR145.49
P1,358.38
List Price:  P1,901.79
You save:  P543.40
KSh13,211.65
List Price:  KSh18,496.84
You save:  KSh5,285.18
E£4,788.95
List Price:  E£6,704.73
You save:  E£1,915.77
ብር5,723.72
List Price:  ብር8,013.44
You save:  ብር2,289.71
Kz83,591.64
List Price:  Kz117,031.64
You save:  Kz33,440
CLP$94,219
List Price:  CLP$131,910.38
You save:  CLP$37,691.37
CN¥723.64
List Price:  CN¥1,013.13
You save:  CN¥289.48
RD$5,794.19
List Price:  RD$8,112.10
You save:  RD$2,317.90
DA13,457.95
List Price:  DA18,841.67
You save:  DA5,383.72
FJ$225.30
List Price:  FJ$315.43
You save:  FJ$90.13
Q775.06
List Price:  Q1,085.12
You save:  Q310.05
GY$20,860.22
List Price:  GY$29,205.14
You save:  GY$8,344.92
ISK kr13,949.49
List Price:  ISK kr19,529.85
You save:  ISK kr5,580.35
DH1,005.73
List Price:  DH1,408.07
You save:  DH402.33
L1,766.28
List Price:  L2,472.87
You save:  L706.58
ден5,712.52
List Price:  ден7,997.75
You save:  ден2,285.23
MOP$802.57
List Price:  MOP$1,123.63
You save:  MOP$321.06
N$1,845.78
List Price:  N$2,584.16
You save:  N$738.38
C$3,670.67
List Price:  C$5,139.09
You save:  C$1,468.41
रु13,313.56
List Price:  रु18,639.52
You save:  रु5,325.95
S/372.22
List Price:  S/521.13
You save:  S/148.90
K385.44
List Price:  K539.63
You save:  K154.19
SAR375.02
List Price:  SAR525.04
You save:  SAR150.02
ZK2,689.66
List Price:  ZK3,765.63
You save:  ZK1,075.97
L462.03
List Price:  L646.86
You save:  L184.83
Kč2,326.92
List Price:  Kč3,257.79
You save:  Kč930.86
Ft36,152.68
List Price:  Ft50,615.20
You save:  Ft14,462.51
SEK kr1,078.64
List Price:  SEK kr1,510.15
You save:  SEK kr431.50
ARS$87,815.44
List Price:  ARS$122,945.14
You save:  ARS$35,129.69
Bs690.51
List Price:  Bs966.74
You save:  Bs276.23
COP$388,367.89
List Price:  COP$543,730.59
You save:  COP$155,362.69
₡50,962.55
List Price:  ₡71,349.61
You save:  ₡20,387.06
L2,463.20
List Price:  L3,448.58
You save:  L985.38
₲746,475.93
List Price:  ₲1,045,096.16
You save:  ₲298,620.23
$U3,821.56
List Price:  $U5,350.33
You save:  $U1,528.77
zł401.98
List Price:  zł562.79
You save:  zł160.80
Already have an account? Log In

Transcript

Let's take a look now at the collection view. This is something you see everywhere. Native Photos app App Store different media apps, you name it. A Collection Manager is an ordered set of content, such as a set of photos, and presents it in a customizable and highly visual layout. Because the collection view doesn't enforce a strictly linear format, it's particularly well suited for displaying items that vary in size. Generally speaking, collections are ideal for showing off image based content.

Backgrounds and other declarative views can optionally be implemented to visually distinguish subsets of items. So a collection manages an ordered collection of items and presents them in a customizable layout. collection layouts may look like these are combinations of them. A lot of facilities have custom Griese with the collection view. The collection can contain use that to visually distinguish subsets of items or provide the quality of items, such as custom backgrounds. So you can have custom background in different parts of your collection view.

Here for example, we see the views that separate items by day. Collections also support interactivity. By default, a collection Do you recognize this tap to select an item, touch and hold, which you could use for rearranging items for example, and swipe to scroll horizontally. If your app requires it, more gestures can be added for performing custom actions. Collections also support animations collection has the built in animations that you can utilize. That is for inserting, for reordering and for deleting items.

You can add custom animations as well. Also, you can add transition animations between layouts. Generally, use a collection to display some media with image thumbnails, photos, videos, games, text snippets, and combinations of these. A collection doesn't enforce a strictly linear layout as we mentioned, so it's particularly well suited display items that differ in size. Avoid creating radical new designs when a standard throw or grid layout is sufficient. A collection supports extensive customization.

So it's essential to avoid becoming distracted by your ability to create radical new designs. You want the collection to enhance the users task. You don't want the collection to become the focus of the user experience. In simpler words, don't overdo it. interfaces just a helper now the focus of attention as you know And here's some guidelines to make sure you don't overdo it. The first one is, don't use a collection when a table view is a better choice.

And the table view is simply at least sexually. Sometimes it's easier for people to view understand and work with information when it's presented in the least. For example, this kind of straightforward list of contacts is easier to work with, than if it was a collection of titles. This particularly applies to a text based information. Here's a table instead of collection for text is generally simpler and more efficient to view and they just extra information when it's displayed in a scrollable list. Make it easy for people to select an item.

If it's hard for users to tap an item in your collection view, they're less likely to enjoy using your app. As with all UI objects that users might want to tap ensure that the minimum target area for item in the collection view is 44 by 44 points. Also, use adequate padding around content to keep the layout clean and prevent overlapping of content. Lastly, use caution when making dynamic layout changes. Make sure your layout changes make sense. It should change accordingly with context and users actions.

Again, Photos app is a good example of the transitions make sense and the art initiated by user. If you need to change the layout dynamically, meaning not necessarily initiated by user action, then you need to be very careful. Be sure that the change makes sense and is easy for users to track. Changing a collection views layout without an obvious motivation can give people the impression that your app is unpredictable and hard to use. And if the users Current focus or context is lost during a dynamic layout change. Users are likely to feel that they're no longer in control of your app and they wouldn't like you for that.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.