-
Notifications
You must be signed in to change notification settings - Fork 15
Expand file tree
/
Copy pathbasic-setup.html
More file actions
430 lines (371 loc) · 30.9 KB
/
basic-setup.html
File metadata and controls
430 lines (371 loc) · 30.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
<!DOCTYPE html>
<html lang="en">
<head>
<title>Basic Setup Reference</title>
<link rel="stylesheet" type="text/css" href="css/jazzy.css" />
<link rel="stylesheet" type="text/css" href="css/highlight.css" />
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width, viewport-fit=cover, initial-scale=1.0" />
<script src="js/jquery.min.js" defer></script>
<script src="js/jazzy.js" defer></script>
</head>
<body>
<a title="Basic Setup Reference"></a>
<header>
<div class="content-wrapper">
<p>
<a href="index.html">CollectionView Docs</a>
<span class="no-mobile"> (63% documented)</span>
</p>
<p class="header-right">
<a href="https://github.com/TheNounProject/CollectionView">
<img src="img/gh.png"/>
<span class="no-mobile">View on GitHub</span>
</a>
</p>
</div>
</header>
<div id="breadcrumbs-container">
<div class="content-wrapper">
<p id="breadcrumbs">
<span class="no-mobile">
<a href="index.html">CollectionView Reference</a>
<img id="carat" src="img/carat.png" />
</span>
Basic Setup Reference
</p>
</div>
</div>
<div class="wrapper">
<div class="article-wrapper">
<article class="main-content">
<section>
<section class="section">
<h1 id='basic-setup' class='heading'>Basic Setup</h1>
<p><code><a href="Classes/CollectionView.html">CollectionView</a></code> is a highly flexible component with many options and features. A basic collection view though can be setup with just a few lines of code. From there you can adjust and refine your implementation as needed.</p>
<p>This guide walks you through the most basic collection view including steps that will be required for any implementation.</p>
<hr>
<h2 id='installation-amp-import' class='heading'>Installation & Import</h2>
<p>CollectionView isn’t currently provided through any package managers. Clone or donwload the repo and add it to your project by dragging the CollectionView xCode project to your project.</p>
<p>Import <code><a href="Classes/CollectionView.html">CollectionView</a></code> to start building. When referencing classes in interface builder you will need to set the module to CollectionView as well.</p>
<h2 id='creating-a-collection-view' class='heading'>Creating a Collection View</h2>
<p>Collection views can be created programatically or in interface builder.</p>
<p>In a storyboard or xib, add an NSScrollView to your view and set the class in the inspector to CollectionView. Then create an outlet.</p>
<p>Without IB simply initialize a collection view and add it to your view. Adding layout constraints is recommended.</p>
<p>With your collection view in place there are a few more steps to display your content:</p>
<ul>
<li>Set a data source</li>
<li>Prepare a cell class</li>
<li>Choose a layout</li>
</ul>
<h2 id='setting-up-a-data-source' class='heading'>Setting up a Data Source</h2>
<p>Every collection view needs a data source that conforms to <code><a href="Protocols/CollectionViewDataSource.html">CollectionViewDataSource</a></code>. The data source object provides the content that is to be displayed in the collection view such as how many items and the views that represent those items on screen.</p>
<p>It is important to understand that the collection view organizes data as sections and items. Each section contains zero or more items. The contept of a section may not be necessarily represented in your data but the collection view will still need 1 section to represent your list of items.</p>
<blockquote>
<p>Each element in a collection view is referred to using IndexPaths. To support macOS 10.10 which predates the addition of <code>item</code> and <code>section</code> properties on IndexPath, and extension provides _item, _section and for().</p>
</blockquote>
<p>The only required of your data source are:</p>
<pre class="highlight swift"><code><span class="kd">func</span> <span class="nf">numberOfSections</span><span class="p">(</span><span class="k">in</span> <span class="nv">collectionView</span><span class="p">:</span> <span class="kt">CollectionView</span><span class="p">)</span> <span class="o">-></span> <span class="kt">Int</span>
<span class="kd">func</span> <span class="nf">collectionView</span><span class="p">(</span><span class="n">_</span> <span class="nv">collectionView</span><span class="p">:</span> <span class="kt">CollectionView</span><span class="p">,</span> <span class="n">numberOfItemsInSection</span> <span class="nv">section</span><span class="p">:</span> <span class="kt">Int</span><span class="p">)</span> <span class="o">-></span> <span class="kt">Int</span>
<span class="kd">func</span> <span class="nf">collectionView</span><span class="p">(</span><span class="n">_</span> <span class="nv">collectionView</span><span class="p">:</span> <span class="kt">CollectionView</span><span class="p">,</span> <span class="n">cellForItemAt</span> <span class="nv">indexPath</span><span class="p">:</span> <span class="kt">IndexPath</span><span class="p">)</span> <span class="o">-></span> <span class="kt">CollectionViewCell</span>
</code></pre>
<p>These tell your collection view about your data and provide the cells used to display each item. If youa are representing a simple array, you will still need to report 1 section to contain that data. More complex data that is grouped into sections should report as such.</p>
<h2 id='preparing-a-cell' class='heading'>Preparing a cell</h2>
<p>A critical task of the data source is to provide views to display your content in the collection view. The collection view is only responsible for applying layout attributes to the view, everying displayed in the cell is your responsibilty.</p>
<p>Cells can be loaded from a xib or programatically from a class.</p>
<p>First, create a subclass of <code><a href="Classes/CollectionViewCell.html">CollectionViewCell</a></code> that will be used to configure each cell.</p>
<p>If you are using a xib, set the root view class in the inspector to your new cell subclass. You can then add subviews and create outlets to your class to be used later when setting up the cell to display an item from your data.</p>
<p>Without a xib, you will need to create the subviews manually in <code>init(frame frameRect: NSRect)</code>.</p>
<h4 id='registering-cells' class='heading'>Registering Cells</h4>
<p>Becuase views are reused by a collection view it is never your responsibilty to load/initialize them. Each class or xib you intent to you must be registered before loading any data.</p>
<p>Use the following depending on your setup:</p>
<pre class="highlight swift"><code><span class="kd">func</span> <span class="nf">register</span><span class="p">(</span><span class="kd">class</span> <span class="nv">cellClass</span><span class="p">:</span> <span class="kt">CollectionViewCell</span><span class="o">.</span><span class="k">Type</span><span class="p">,</span> <span class="n">forCellWithReuseIdentifier</span> <span class="nv">identifier</span><span class="p">:</span> <span class="kt">String</span><span class="p">)</span>
<span class="kd">func</span> <span class="nf">register</span><span class="p">(</span><span class="nv">nib</span><span class="p">:</span> <span class="kt">NSNib</span><span class="p">,</span> <span class="n">forCellWithReuseIdentifier</span> <span class="nv">identifier</span><span class="p">:</span> <span class="kt">String</span><span class="p">)</span>
</code></pre>
<p>Each cell should only be registered once when your collection view is setup. Typically this can be done in viewDidLoad in the controller containing your collection view.</p>
<h4 id='dequeing-cells' class='heading'>Dequeing Cells</h4>
<p>With your cells registered they can now be used to satisfy one of the requirements of your data source, providing the cells.</p>
<p>Use the reuse identifier you registered each cell with, call <code>dequeueReusableCell(withReuseIdentifier identifier:for:)</code>. The collection view will load the cell, either from the xib or class and return it to be configured as needed. Your data source can setup any UI elements (labels, images, etc) in the cell according to the object that cell is representing then return it to the collection view to be presented.</p>
<h2 id='setting-a-layout' class='heading'>Setting a layout</h2>
<p>The collection view layout object manages the visual representation of each item, most importantly its location and size.</p>
<p>Custom layouts can be created but a few are provided to be used as is:</p>
<ul>
<li><code><a href="Classes/CollectionViewListLayout.html">CollectionViewListLayout</a></code></li>
<li><code><a href="Classes/CollectionViewColumnLayout.html">CollectionViewColumnLayout</a></code></li>
<li><code><a href="Classes/CollectionViewFlowLayout.html">CollectionViewFlowLayout</a></code></li>
</ul>
<p>Each layout works differently to provide different appearances and flexibility. The provided layouts often allow static values to be set OR accept values provided by a delegate.</p>
<p>For example, the list layout has an itemHeight property that will be used, but, if the collection views delegate also conforms to <code><a href="Protocols/CollectionViewDelegateListLayout.html">CollectionViewDelegateListLayout</a></code> and implements <code>collectionView(_:layout:heightForItemAt:)->CGFloat</code>, a dynamic height can be provided for each item.</p>
<p>The layouts provide a great deal of flexibility out of the box and one again, custom layouts can be created to do even more.</p>
<p>Simply initialite the layout you want, set and properties and set <code>collection.collectionViewLayout</code>.</p>
<p>See the <a href="https://thenounproject.github.io/CollectionView/layouts.html">Layouts</a> guide for more.</p>
<h2 id='example' class='heading'>Example</h2>
<pre class="highlight swift"><code>
<span class="c1">// The cell used to list characters</span>
<span class="kd">class</span> <span class="kt">CharacterCell</span> <span class="p">:</span> <span class="kt">CollectionViewCell</span> <span class="p">{</span>
<span class="k">let</span> <span class="nv">nameLabel</span> <span class="o">=</span> <span class="kt">NSTextField</span><span class="p">()</span>
<span class="k">override</span> <span class="nf">init</span><span class="p">(</span><span class="n">frame</span> <span class="nv">frameRect</span><span class="p">:</span> <span class="kt">NSRect</span><span class="p">)</span> <span class="p">{</span>
<span class="k">super</span><span class="o">.</span><span class="nf">init</span><span class="p">(</span><span class="nv">frame</span><span class="p">:</span> <span class="n">frameRect</span><span class="p">)</span>
<span class="c1">// add the subviews</span>
<span class="p">}</span>
<span class="p">}</span>
<span class="kd">class</span> <span class="kt">MyController</span> <span class="p">:</span> <span class="kt">NSViewController</span><span class="p">,</span> <span class="kt">CollectionViewDataSource</span><span class="p">,</span> <span class="kt">CollectionViewDelegate</span> <span class="p">{</span>
<span class="k">var</span> <span class="nv">charcters</span> <span class="p">:</span> <span class="p">[[</span><span class="kt">String</span><span class="p">]]</span> <span class="o">=</span> <span class="p">[</span>
<span class="p">[</span><span class="s">"Willy"</span><span class="p">,</span> <span class="s">"Charlie"</span><span class="p">,</span> <span class="s">"Mike"</span><span class="p">,</span> <span class="s">"Augustus"</span><span class="p">],</span>
<span class="p">[</span><span class="s">"Violet"</span><span class="p">,</span> <span class="s">"Veruca"</span><span class="p">]</span>
<span class="p">]</span>
<span class="kd">func</span> <span class="nf">viewDidLoad</span><span class="p">()</span> <span class="p">{</span>
<span class="k">super</span><span class="o">.</span><span class="nf">viewDidLoad</span><span class="p">()</span>
<span class="k">var</span> <span class="nv">layout</span> <span class="o">=</span> <span class="kt">CollectionViewListLayout</span><span class="p">()</span>
<span class="n">layout</span><span class="o">.</span><span class="n">itemHeight</span> <span class="o">=</span> <span class="mi">40</span>
<span class="n">collectionView</span><span class="o">.</span><span class="n">collectionViewLayout</span> <span class="o">=</span> <span class="n">listLayout</span>
<span class="n">collectionView</span><span class="o">.</span><span class="n">dataSource</span> <span class="o">=</span> <span class="k">self</span>
<span class="n">collectionView</span><span class="o">.</span><span class="n">delegate</span> <span class="o">=</span> <span class="k">self</span>
<span class="c1">// Register the class</span>
<span class="n">collectionView</span><span class="o">.</span><span class="nf">register</span><span class="p">(</span><span class="nv">class</span><span class="p">:</span> <span class="kt">CharacterCell</span><span class="o">.</span><span class="k">self</span><span class="p">,</span> <span class="nv">forCellWithReuseIdentifier</span><span class="p">:</span> <span class="s">"CharacterCell"</span><span class="p">)</span>
<span class="c1">// If using a nib...</span>
<span class="c1">// let nib = NSNib(nibNamed: "CharacterCell", bundle: nil)!</span>
<span class="c1">// collectionView.register(nib: nib, forCellWithReuseIdentifier: "CharacterCell")</span>
<span class="n">collectionView</span><span class="o">.</span><span class="nf">reloadDate</span><span class="p">()</span>
<span class="p">}</span>
<span class="kd">func</span> <span class="nf">numberOfSections</span><span class="p">(</span><span class="k">in</span> <span class="nv">collectionView</span><span class="p">:</span> <span class="kt">CollectionView</span><span class="p">)</span> <span class="o">-></span> <span class="kt">Int</span> <span class="p">{</span>
<span class="k">return</span> <span class="n">characters</span><span class="o">.</span><span class="n">count</span>
<span class="p">}</span>
<span class="kd">func</span> <span class="nf">collectionView</span><span class="p">(</span><span class="n">_</span> <span class="nv">collectionView</span><span class="p">:</span> <span class="kt">CollectionView</span><span class="p">,</span> <span class="n">numberOfItemsInSection</span> <span class="nv">section</span><span class="p">:</span> <span class="kt">Int</span><span class="p">)</span> <span class="o">-></span> <span class="kt">Int</span> <span class="p">{</span>
<span class="k">return</span> <span class="n">characters</span><span class="p">[</span><span class="n">section</span><span class="p">]</span><span class="o">.</span><span class="n">count</span>
<span class="p">}</span>
<span class="kd">func</span> <span class="nf">collectionView</span><span class="p">(</span><span class="n">_</span> <span class="nv">collectionView</span><span class="p">:</span> <span class="kt">CollectionView</span><span class="p">,</span> <span class="n">cellForItemAt</span> <span class="nv">indexPath</span><span class="p">:</span> <span class="kt">IndexPath</span><span class="p">)</span> <span class="o">-></span> <span class="kt">CollectionViewCell</span> <span class="p">{</span>
<span class="k">let</span> <span class="nv">cell</span> <span class="o">=</span> <span class="n">collectionView</span><span class="o">.</span><span class="nf">dequeueReusableCell</span><span class="p">(</span><span class="nv">withReuseIdentifier</span><span class="p">:</span> <span class="s">"CharacterCell"</span><span class="p">,</span> <span class="nv">for</span><span class="p">:</span> <span class="n">indexPath</span><span class="p">)</span> <span class="k">as!</span> <span class="kt">CharacterCell</span>
<span class="k">let</span> <span class="nv">name</span> <span class="o">=</span> <span class="n">characters</span><span class="p">[</span><span class="n">indexPath</span><span class="o">.</span><span class="n">_section</span><span class="p">][</span><span class="n">indexPath</span><span class="o">.</span><span class="n">_item</span><span class="p">]</span>
<span class="n">cell</span><span class="o">.</span><span class="n">nameLabel</span><span class="o">.</span><span class="n">stringValue</span> <span class="o">=</span> <span class="n">name</span>
<span class="k">return</span> <span class="n">cell</span>
<span class="p">}</span>
<span class="p">}</span>
</code></pre>
<p><img src="https://github.com/TheNounProject/CollectionView/raw/master/img/demo_setup.gif" alt="CollectionView" title="Collection View"></p>
<h2 id='implementing-the-delegate' class='heading'>Implementing the Delegate</h2>
<p>Collection views can be used for a variety of use cases. Some may be purely for display but in most cases they are intended to support some level of interaction. These interactions are handled by the collection views delegate (<code><a href="Protocols/CollectionViewDelegate.html">CollectionViewDelegate</a></code>).</p>
<p>Selection state is the most common interaction that needs to be handled by an app. The following are useufl for managing selection state:</p>
<pre class="highlight swift"><code><span class="kd">@objc</span> <span class="kd">optional</span> <span class="kd">func</span> <span class="nf">collectionView</span><span class="p">(</span><span class="n">_</span> <span class="nv">collectionView</span><span class="p">:</span> <span class="kt">CollectionView</span><span class="p">,</span> <span class="n">shouldHighlightItemAt</span> <span class="nv">indexPath</span><span class="p">:</span> <span class="kt">IndexPath</span><span class="p">)</span> <span class="o">-></span> <span class="kt">Bool</span>
<span class="kd">@objc</span> <span class="kd">optional</span> <span class="kd">func</span> <span class="nf">collectionView</span><span class="p">(</span><span class="n">_</span> <span class="nv">collectionView</span><span class="p">:</span> <span class="kt">CollectionView</span><span class="p">,</span> <span class="n">shouldSelectItemsAt</span> <span class="nv">indexPaths</span><span class="p">:</span> <span class="kt">Set</span><span class="o"><</span><span class="kt">IndexPath</span><span class="o">></span><span class="p">)</span> <span class="o">-></span> <span class="kt">Set</span><span class="o"><</span><span class="kt">IndexPath</span><span class="o">></span>
<span class="kd">@objc</span> <span class="kd">optional</span> <span class="kd">func</span> <span class="nf">collectionView</span><span class="p">(</span><span class="n">_</span> <span class="nv">collectionView</span><span class="p">:</span> <span class="kt">CollectionView</span><span class="p">,</span> <span class="n">didSelectItemsAt</span> <span class="nv">indexPaths</span><span class="p">:</span> <span class="kt">Set</span><span class="o"><</span><span class="kt">IndexPath</span><span class="o">></span><span class="p">)</span>
<span class="kd">@objc</span> <span class="kd">optional</span> <span class="kd">func</span> <span class="nf">collectionView</span><span class="p">(</span><span class="n">_</span> <span class="nv">collectionView</span><span class="p">:</span> <span class="kt">CollectionView</span><span class="p">,</span> <span class="n">shouldDeselectItemsAt</span> <span class="nv">indexPaths</span><span class="p">:</span> <span class="kt">Set</span><span class="o"><</span><span class="kt">IndexPath</span><span class="o">></span><span class="p">)</span> <span class="o">-></span> <span class="kt">Set</span><span class="o"><</span><span class="kt">IndexPath</span><span class="o">></span>
<span class="kd">@objc</span> <span class="kd">optional</span> <span class="kd">func</span> <span class="nf">collectionView</span><span class="p">(</span><span class="n">_</span> <span class="nv">collectionView</span><span class="p">:</span> <span class="kt">CollectionView</span><span class="p">,</span> <span class="n">didDeselectItemsAt</span> <span class="nv">indexPaths</span><span class="p">:</span> <span class="kt">Set</span><span class="o"><</span><span class="kt">IndexPath</span><span class="o">></span><span class="p">)</span>
</code></pre>
<p>See the <a href="https://thenounproject.github.io/CollectionView/Protocols/CollectionViewDelegate.html">delegate documentation</a> for more</p>
</section>
</section>
</article>
</div>
<div class="nav-wrapper">
<nav class="nav-bottom">
<ul class="nav-groups">
<li class="nav-group-name">
<a href="Guides.html">Guides</a>
<ul class="nav-group-tasks">
<li class="nav-group-task">
<a href="introduction.html">Introduction</a>
</li>
<li class="nav-group-task">
<a href="basic-setup.html">Basic Setup</a>
</li>
<li class="nav-group-task">
<a href="supplementary-views.html">Supplementary Views</a>
</li>
<li class="nav-group-task">
<a href="layouts.html">Layouts</a>
</li>
<li class="nav-group-task">
<a href="drag--drop.html">Drag & Drop</a>
</li>
<li class="nav-group-task">
<a href="content-updates.html">Content Updates</a>
</li>
<li class="nav-group-task">
<a href="results-controller.html">Results Controller</a>
</li>
</ul>
</li>
<li class="nav-group-name">
<a href="Collection View.html">Collection View</a>
<ul class="nav-group-tasks">
<li class="nav-group-task">
<a href="Classes/CollectionView.html">CollectionView</a>
</li>
<li class="nav-group-task">
<a href="Classes/CollectionView.html#/s:14CollectionViewAAC13SelectionModeO">– SelectionMode</a>
</li>
<li class="nav-group-task">
<a href="Protocols/CollectionViewDataSource.html">CollectionViewDataSource</a>
</li>
<li class="nav-group-task">
<a href="Protocols/CollectionViewDelegate.html">CollectionViewDelegate</a>
</li>
<li class="nav-group-task">
<a href="Protocols/CollectionViewDragDelegate.html">CollectionViewDragDelegate</a>
</li>
<li class="nav-group-task">
<a href="Classes/CollectionViewCell.html">CollectionViewCell</a>
</li>
<li class="nav-group-task">
<a href="Classes/CollectionReusableView.html">CollectionReusableView</a>
</li>
<li class="nav-group-task">
<a href="Classes/CollectionViewController.html">CollectionViewController</a>
</li>
<li class="nav-group-task">
<a href="Collection View.html#/s:14CollectionView0aB17LayoutElementKindV">CollectionViewLayoutElementKind</a>
</li>
<li class="nav-group-task">
<a href="Collection View.html#/s:14CollectionView0A15ElementCategoryO">CollectionElementCategory</a>
</li>
<li class="nav-group-task">
<a href="Collection View.html#/s:14CollectionView0aB9DirectionO">CollectionViewDirection</a>
</li>
<li class="nav-group-task">
<a href="Collection View.html#/s:14CollectionView0aB15ScrollDirectionO">CollectionViewScrollDirection</a>
</li>
<li class="nav-group-task">
<a href="Collection View.html#/s:14CollectionView0aB14ScrollPositionO">CollectionViewScrollPosition</a>
</li>
<li class="nav-group-task">
<a href="Classes/CollectionViewPreviewCell.html">CollectionViewPreviewCell</a>
</li>
<li class="nav-group-task">
<a href="Classes/CollectionViewPreviewController.html">CollectionViewPreviewController</a>
</li>
<li class="nav-group-task">
<a href="Protocols/CollectionViewPreviewTransitionCell.html">CollectionViewPreviewTransitionCell</a>
</li>
<li class="nav-group-task">
<a href="Protocols/CollectionViewPreviewControllerDelegate.html">CollectionViewPreviewControllerDelegate</a>
</li>
<li class="nav-group-task">
<a href="Collection View.html#/s:14CollectionView19AnimationCompletiona">AnimationCompletion</a>
</li>
</ul>
</li>
<li class="nav-group-name">
<a href="Collection View Layouts.html">Collection View Layouts</a>
<ul class="nav-group-tasks">
<li class="nav-group-task">
<a href="Classes/CollectionViewLayout.html">CollectionViewLayout</a>
</li>
<li class="nav-group-task">
<a href="Classes/CollectionViewLayoutAttributes.html">CollectionViewLayoutAttributes</a>
</li>
<li class="nav-group-task">
<a href="Classes/CollectionViewListLayout.html">CollectionViewListLayout</a>
</li>
<li class="nav-group-task">
<a href="Protocols/CollectionViewDelegateListLayout.html">CollectionViewDelegateListLayout</a>
</li>
<li class="nav-group-task">
<a href="Classes/CollectionViewColumnLayout.html">CollectionViewColumnLayout</a>
</li>
<li class="nav-group-task">
<a href="Classes/CollectionViewColumnLayout.html#/s:14CollectionView0aB12ColumnLayoutC0D8StrategyO">– LayoutStrategy</a>
</li>
<li class="nav-group-task">
<a href="Protocols/CollectionViewDelegateColumnLayout.html">CollectionViewDelegateColumnLayout</a>
</li>
<li class="nav-group-task">
<a href="Classes/CollectionViewFlowLayout.html">CollectionViewFlowLayout</a>
</li>
<li class="nav-group-task">
<a href="Classes/CollectionViewFlowLayout.html#/s:14CollectionView0aB10FlowLayoutC12RowTransformO">– RowTransform</a>
</li>
<li class="nav-group-task">
<a href="Classes/CollectionViewFlowLayout/ItemStyle.html">– ItemStyle</a>
</li>
<li class="nav-group-task">
<a href="Protocols/CollectionViewDelegateFlowLayout.html">CollectionViewDelegateFlowLayout</a>
</li>
<li class="nav-group-task">
<a href="Classes/CollectionViewHorizontalListLayout.html">CollectionViewHorizontalListLayout</a>
</li>
<li class="nav-group-task">
<a href="Protocols/CollectionViewDelegateHorizontalListLayout.html">CollectionViewDelegateHorizontalListLayout</a>
</li>
</ul>
</li>
<li class="nav-group-name">
<a href="Results Controller.html">Results Controller</a>
<ul class="nav-group-tasks">
<li class="nav-group-task">
<a href="Protocols/ResultsController.html">ResultsController</a>
</li>
<li class="nav-group-task">
<a href="Protocols/ResultsControllerDelegate.html">ResultsControllerDelegate</a>
</li>
<li class="nav-group-task">
<a href="Classes/MutableResultsController.html">MutableResultsController</a>
</li>
<li class="nav-group-task">
<a href="Classes/FetchedResultsController.html">FetchedResultsController</a>
</li>
<li class="nav-group-task">
<a href="Classes/RelationalResultsController.html">RelationalResultsController</a>
</li>
<li class="nav-group-task">
<a href="Classes/FetchedSetController.html">FetchedSetController</a>
</li>
<li class="nav-group-task">
<a href="Results Controller.html#/s:14CollectionView27ResultsControllerChangeTypeO">ResultsControllerChangeType</a>
</li>
<li class="nav-group-task">
<a href="Results Controller.html#/s:14CollectionView22ResultsControllerErrorO">ResultsControllerError</a>
</li>
<li class="nav-group-task">
<a href="Classes/CollectionViewProvider.html">CollectionViewProvider</a>
</li>
<li class="nav-group-task">
<a href="Classes/CollectionViewResultsProxy.html">CollectionViewResultsProxy</a>
</li>
</ul>
</li>
<li class="nav-group-name">
<a href="Other Enums.html">Other Enumerations</a>
<ul class="nav-group-tasks">
<li class="nav-group-task">
<a href="Enums/SortDescriptorResult.html">SortDescriptorResult</a>
</li>
</ul>
</li>
<li class="nav-group-name">
<a href="Other Extensions.html">Other Extensions</a>
<ul class="nav-group-tasks">
<li class="nav-group-task">
<a href="Extensions/IndexPath.html">IndexPath</a>
</li>
</ul>
</li>
<li class="nav-group-name">
<a href="Other Protocols.html">Other Protocols</a>
<ul class="nav-group-tasks">
<li class="nav-group-task">
<a href="Other Protocols.html#/s:14CollectionView30CustomDisplayStringConvertibleP">CustomDisplayStringConvertible</a>
</li>
</ul>
</li>
<li class="nav-group-name">
<a href="Other Structs.html">Other Structures</a>
<ul class="nav-group-tasks">
<li class="nav-group-task">
<a href="Structs/SortDescriptor.html">SortDescriptor</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="footer-wrapper">
<section id="footer">
<p>© 2018 <a class="link" href="" target="_blank" rel="external">Noun Project</a>. All rights reserved. (Last updated: 2018-10-16)</p>
<p>Generated by <a class="link" href="https://github.com/realm/jazzy" target="_blank" rel="external">jazzy ♪♫ v0.9.3</a>, a <a class="link" href="https://realm.io" target="_blank" rel="external">Realm</a> project.</p>
</section>
</div>
</div>
</body>
</div>
</html>