轮播图封装

最近在做项目发现很多APP界面的头部/中部/底部都有轮播图的广告,其实就是自定义View展示在UITableView的cell上,因此,就封装了一个效果,废话不多说,直接上代码

关于界面轮播图的封装

• 自定义一个UIView,将所有的业务逻辑都封装在这个类中,外界使用时,只要传入要展示的图片就可以实现轮播效果

#import 

@interface XBScrollView : UIView
// 所有的图片
@property (nonatomic ,strong) NSArray *images;
/**当前页的颜色 */
@property (nonatomic ,strong) UIColor *currentColor;
/**其他页颜色 */
@property (nonatomic ,strong) UIColor *otherColor;
// 提供类方法创建ScrollView
+ (instancetype)scrollView;

#import "XBScrollView.h"

@interface XBScrollView ()< UIScrollViewDelegate>

@property (weak, nonatomic) IBOutlet UIPageControl *pageControl;

@property (weak, nonatomic) IBOutlet UIScrollView *scrollView;
@property (nonatomic ,strong) NSTimer *timer;
@end
@implementation XBScrollView

+ (instancetype)scrollView
{
    return [[[NSBundle mainBundle]loadNibNamed:@"XBScrollView" owner:nil options:nil] lastObject];
}
// 初始化自控件
#pragma mark - 初始化子控件
- (void)awakeFromNib
{
    [super awakeFromNib];
    //设置分页
    self.scrollView.pagingEnabled = YES;
    self.scrollView.delegate = self;
    // 隐藏滚动条
    self.scrollView.showsVerticalScrollIndicator = NO;
    self.scrollView.showsHorizontalScrollIndicator = NO;
    // 单页时隐藏页码
    self.pageControl.hidesForSinglePage = YES;

    [self startTimer];
}

- (void)setImages:(NSArray *)images
{
    _images = images;
    //移除之前的imageView
    //让subviews数组中的所有对象都执行removeFromSuperview方法
   // [self.scrollView.subviews respondsToSelector:@selector(removeFromSuperview)];
    [self.scrollView.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)];

    // 获取所有的图片
    for (int i = 0; i 

效果图:

轮播图.gif

在控制器中只需要写这几行代码:

#import "ViewController.h"
#import "XBScrollView.h"
@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    XBScrollView *scrollView = [XBScrollView scrollView];
    scrollView.frame = CGRectMake(20, 200, 330, 200);
    scrollView.images = @[@"img_01",@"img_02",@"img_03",@"img_04",@"img_05"];
    scrollView.images = @[@"004",@"header1",@"header2",@"header3",@"header4"];

    scrollView.currentColor = [UIColor orangeColor];
    scrollView.otherColor = [UIColor purpleColor];
    [self.view addSubview:scrollView];
}



@end

一个简单的效果就可以了!