IOS Uicollectionview Simple to use

First, meet Uicollectionview. [OBJC]View Plaincopy

1. Ns_class_available_ios (6_0) @interface uicollectionview:uiscrollview

The Uicollectionview and Uicollectionviewcontroller classes are IOS6 's newly introduced APIs for presenting collection views, with a more flexible layout that enables multi-column layouts, similar to UITableView and Uitableviewcontroller class.

Using Uicollectionview must implement Uicollectionviewdatasource,uicollectionviewdelegate, Uicollectionviewdelegateflowlayout these three agreements.

Here are some common methods, specific use can refer to the demo: point I download Apple official demo: click I download [OBJC]View Plaincopy

2. -(void) Viewdidload
4. {
6. [Super Viewdidload];
8. self. title = @ "Uicollectionview learning";
12. //Generate cell via NIB, and then register the nib's view to inherit Uicollectionviewcell
14. [self. CollectionView registernib:[uinib nibwithnibname:@ "Sqcollectioncell" bundle:  Nil] Forcellwithreuseidentifier:kcellidentifier];
18. //Register Headerview NIB's view needs to inherit Uicollectionreusableview
20. [self. CollectionView registernib:[uinib nibwithnibname:@ "Sqsupplementaryview" bundle: Nil] Forsupplementaryviewofkind:uicollectionelementkindsectionheader withreuseidentifier:  Kheaderidentifier];
22. //Register Footerview NIB's view needs to inherit Uicollectionreusableview
24. [self. CollectionView registernib:[uinib nibwithnibname:@ "Sqsupplementaryview" bundle: Nil] forsupplementaryviewofkind:uicollectionelementkindsectionfooter withreuseidentifier:  Kfooteridentifier];
26. //  
28. self. CollectionView. allowsmultipleselection = YES; The default is no, whether you can select multiple
32. }
36. -(void) didreceivememorywarning
38. {
40. [Super didreceivememorywarning];
42. //Dispose of any resources, can be recreated.
44. }
46. #pragma mark-collectionview DataSource
48. Section
50. -(Nsinteger) Numberofsectionsincollectionview: (uicollectionview *) CollectionView
52. {
54. return 2;
56. }
58. Item Count
60. -(Nsinteger) CollectionView: (uicollectionview *) CollectionView numberofitemsinsection: (NSInteger) Section
62. {
64. return 6;
68. }
72. The cell is returned must was retrieved from a call To-dequeuereusablecellwithreuseidentifier:forindexpath:
74. -(Uicollectionviewcell *) CollectionView: (uicollectionview *) CollectionView Cellforitematindexpath: ( Nsindexpath *) indexpath
76. {
78. //Reuse cell
80. Uicollectionviewcell *cell = [CollectionView dequeuereusablecellwithreuseidentifier:kcellidentifier   Forindexpath:indexpath];
82. //Assigned value
84. Uiimageview *imageview = (Uiimageview *) [cell Viewwithtag:1];
86. UILabel *label = (UILabel *) [cell Viewwithtag:2];
88. nsstring *imagename = [NSString stringwithformat:@ "%ld.  JPG ", (long) Indexpath. row];
90. ImageView. image = [UIImage imagenamed:imagename];
92. Label. Text = ImageName;
96. Cell. backgroundcolor = [Uicolor redcolor];
98. return cell;
102. }
104. The view that is returned must was retrieved from a call To-dequeuereusablesupplementaryviewofkind:withreuseidentifier: Forindexpath:
106. -(Uicollectionreusableview *) CollectionView: (uicollectionview *) CollectionView Viewforsupplementaryelementofkind: (nsstring *) Kind atindexpath: (nsindexpath *) indexpath{
110. NSString *reuseidentifier;
112. if ([Kind isequaltostring:uicollectionelementkindsectionfooter]) {
114. Reuseidentifier = Kfooteridentifier;
116. }else{
118. Reuseidentifier = Kheaderidentifier;
120. }
124. Uicollectionreusableview *view = [CollectionView dequeuereusablesupplementaryviewofkind:kind   Withreuseidentifier:reuseidentifier Forindexpath:indexpath];
128. UILabel *label = (UILabel *) [view Viewwithtag:1];
130. if ([Kind Isequaltostring:uicollectionelementkindsectionheader]) {
132. Label. Text = [NSString stringwithformat:@ "This is header:%d", Indexpath. section];
134. }
136. Else if ([Kind isequaltostring:uicollectionelementkindsectionfooter]) {
138. View. backgroundcolor = [Uicolor lightgraycolor];
140. Label. Text = [NSString stringwithformat:@ "This is footer:%d", Indexpath. section];
142. }
144. return view;
146. }
148. Define the size of each Uicollectionviewcell
150. -(Cgsize) CollectionView: (uicollectionview *) CollectionView layout: (uicollectionviewlayout*) Collectionviewlayout Sizeforitematindexpath: (nsindexpath *) indexpath
152. {
154. return Cgsizemake (60, 80);
156. }
158. Define margin for each section
160. -(Uiedgeinsets) CollectionView: (uicollectionview *) CollectionView layout: (uicollectionviewlayout *) Collectionviewlayout Insetforsectionatindex: (nsinteger) section
162. {
164. return Uiedgeinsetsmake (15, 15, 5, 15); Top, left, bottom, right, respectively
166. }
168. Returns the size of the head Headerview
170. -(Cgsize) CollectionView: (uicollectionview *) CollectionView layout: (uicollectionviewlayout *) Collectionviewlayout referencesizeforheaderinsection: (nsinteger) section{
172. Cgsize size={320,45};
174. return size;
176. }
178. Returns the size of the head Footerview
180. -(Cgsize) CollectionView: (uicollectionview *) CollectionView layout: (uicollectionviewlayout*) Collectionviewlayout referencesizeforfooterinsection: (nsinteger) section
182. {
184. Cgsize size={320,45};
186. return size;
188. }
190. Line spacing between different rows in each section
192. -(CGFloat) CollectionView: (uicollectionview *) CollectionView layout: (uicollectionviewlayout*) Collectionviewlayout Minimumlinespacingforsectionatindex: (nsinteger) section
194. {
196. return 10;
198. }
200. The spacing between each item
202. -(CGFloat) CollectionView: (Uicollectionview *) CollectionView layout: (uicollectionviewlayout*) Collectionviewlayout Minimuminteritemspacingforsectionatindex: (nsinteger) Section
204. //{
206. return 100;
208. //}
210. A cell was selected
212. -(void) CollectionView: (uicollectionview *) CollectionView didselectitematindexpath: (Nsindexpath *) Indexpath
214. {
216. Uicollectionviewcell *cell = [CollectionView Cellforitematindexpath:indexpath];
218. [Cell Setbackgroundcolor:[uicolor Greencolor]];
220. }
222. Deselect a cell
224. -(void) CollectionView: (uicollectionview *) CollectionView diddeselectitematindexpath: (Nsindexpath *) Indexpath
226. {
228. Uicollectionviewcell *cell = [CollectionView Cellforitematindexpath:indexpath];
230. [Cell Setbackgroundcolor:[uicolor Redcolor]];
232. }

As follows: Original link: http://blog.csdn.net/Apple_app/article/details/38867123

IOS Uicollectionview Simple to use