Collection制作商品首页

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

用到控件 UIImageView,UILable,UIButton,UICollectionView


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

创建一个类

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


创建一个ConllectionViewCell

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


Collection制作商品首页_第1张图片
HomeCollectionViewCell.h

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

Collection制作商品首页_第2张图片
初始化方法
Collection制作商品首页_第3张图片
设置表格的数据

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


Collection制作商品首页_第4张图片
FirstView.h

在FirstView.m文件重写init方法


Collection制作商品首页_第5张图片
FirstView.m

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

FirstView.m
Collection制作商品首页_第6张图片
UICollection的个数
Collection制作商品首页_第7张图片
Section的个数
Collection制作商品首页_第8张图片
展示的内容
Collection制作商品首页_第9张图片
UIColletionView的大小
Collection制作商品首页_第10张图片
边距

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

Collection制作商品首页_第11张图片
ViewController.m

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

ViewController.m

创建四个可变数组

Collection制作商品首页_第12张图片
ViewController.m

添加一个屏幕大小的宏

ViewController.m

在@implementation ViewController中创建商品列表

Collection制作商品首页_第13张图片
ViewController.m

在- (void)viewDidLoad中添加代码

Collection制作商品首页_第14张图片
ViewController.m

最后运行效果

Collection制作商品首页_第15张图片
运行效果

你可能感兴趣的:(Collection制作商品首页)