您的当前位置:首页正文

Collection制作商品首页

来源:华佗小知识

实现带有广告视图的商品首页,主要包括三个个页面:首页,秒杀,热卖。

用到控件 UIImageView,UILable,UIButton,UICollectionView


1.创建一个UIView的类,命名FirstView

创建一个类

2.创建一个UICollectionCell类,命名HomeCollectionViewCell
实现各个控件的初始化方法,设置数据方法。


创建一个ConllectionViewCell

-在HomeCollectionViewCell.h文件中写出需要用到的控件和数据处理方法


HomeCollectionViewCell.h

在HomeCollectionViewCell.m文件中写上数据初始化的方法

初始化方法 设置表格的数据

在FirstView.h添加三个协议和创建UICollectionView一个对象,一个可变数组,并声明重写UIView的init方法。


FirstView.h

在FirstView.m文件重写init方法


FirstView.m

并在FirstView.m文件中实现UICollectionView的代理方法

FirstView.m UICollection的个数 Section的个数 展示的内容 UIColletionView的大小 边距

在ViewController.m文件中包含头FirstView文件

ViewController.m

并在ViewController.m文件的延展中创建一个FirstView类型命名homeView的对象

ViewController.m

创建四个可变数组

ViewController.m

添加一个屏幕大小的宏

ViewController.m

在@implementation ViewController中创建商品列表

ViewController.m

在- (void)viewDidLoad中添加代码

ViewController.m

最后运行效果

运行效果