OC 电商产品展示控件 ViewGrop

              

    

              ViewGrop  控件 是能够突出产品。主要特点：1、当前视图明显突出   2、周围商品微妙  3、可以手动滑动  4、点击两边左右滑动  5、可以添加各种切换效果

 

第一步：首先重写  UiScrollView  

//

//  ZSJ_UIScrollview.h

//  View_Grop_zsj

//

//  Created by 周双建 on 15/11/30.

//  Copyright © 2015年周双建. All rights reserved.

//

#import <UIKit/UIKit.h>

//创建协议

//提前声明类，防止从复包含

@class ZSJ_UIScrollview;

//创建协议

@protocol ZSJ_UIScrollViewDelegate <UIScrollViewDelegate>

//检查Get方法是否实现 是必须实现的

@required

//是返回 View_Cell 的个数

-(NSInteger)numberOfPageInPageScrollView:(ZSJ_UIScrollview*)ZSJ_PageScrollView;

//该方法是可选的

@optional

//这个方法是 返回  View--Cell 的大小尺寸

-(CGSize)ZSJ_SizeCellOfPageScrollView:(ZSJ_UIScrollview*)ZSJ_PageScrollView;

//这个是 View--cell的点击出发的方法

-(void)ZSJ_PageScrollView:(ZSJ_UIScrollview*)ZSJ_PageScrollView didTapPageIndex:(NSInteger)ZSJ_Index;

//  delegate 协议结束

@end

//创建 数据协议

@protocol ZSJ_UIScrollViewDataSource <UIScrollViewDelegate>

//必须实现的方法

@required

//返回一个  View-cell

-(UIView*)ZSJ_PageScrollView:(ZSJ_UIScrollview*)ZSJ_PageScrollView ViewForRowIndex:(NSInteger)ZSJ_Index;

@end

@interface ZSJ_UIScrollview : UIScrollView

//View-Cell 大小尺寸变量

@property(nonatomic,assign)CGSize  ZSJ_CellSize;

//手动偏移的距离

@property(nonatomic,assign)CGFloat ZSJ_Pandding;

//  View--cell 的左右偏移量

@property(assign,nonatomic)float  ZSJ_LeftRightOffset;

// View-cell的背景图片

@property(strong,nonatomic)UIImageView * ZSJ_BackImageView;