美文网首页iOS
iOS无限滑动轮播图可竖着滑动

iOS无限滑动轮播图可竖着滑动

作者: 寻常_0 | 来源:发表于2017-12-21 10:19 被阅读0次

ASRotationPageView

特点

1.可用作轮播图,引导页, 轮播广告
2.可将view用作轮播
3.可横向滑动和纵向滑动

演示

横向滑动 纵向滑动

方法介绍

/** 无限轮播 - 默认YES */
@property (nonatomic, assign) BOOL  infiniteSliding;

/** 自动轮播 - 默认YES */
@property (nonatomic, assign) BOOL autoSliding;

/** 轮播图滚动时间间隔 - 默认是5秒 */
@property (nonatomic, assign) NSTimeInterval scrollTimeInterval;

/** 滚动方向 - 默认横向滚动 */
@property (nonatomic, assign) ASRotationScrollDirection scrollDirection;

/** 当前的页码 */
@property (nonatomic, assign) NSUInteger currentPage;

/** 图片未加载出来的占位图 */
@property (nonatomic, copy) NSString *placeholderName;
/** 滑动完成的回调 */
@property (nonatomic, copy) void(^ScrollDidEnd)(NSUInteger currentPage);
/** 点击view的回调 */
@property (nonatomic, copy) void(^SelectView)(NSInteger index);

/** 偏移到制定页 */
@property (nonatomic, assign) NSUInteger contentOffsetPage;




/**
 初始化方法

 @param frame frame
 @param images 图片url或图片名称或UIView
 @return 对象
 */
- (instancetype)initWithFrame:(CGRect)frame images:(NSArray *)images;


/** 开始   必须调用此方法 否则无视图  设置完各参数最后调用生效*/
- (void)showStart;

使用说明

将ASRotationPageView文件夹导入到工程中,并引入头文件#import "ASRotationPageView.h"

    self.rotaView = [[ASRotationPageView alloc] initWithFrame:self.view.bounds images:@[@"png1", @"png2", @"png3"]];
    self.rotaView.scrollDirection = ASRotationScrollDirectionHorizontal;
    self.rotaView.infiniteSliding = NO;
    self.rotaView.autoSliding = YES;
    self.rotaView.ScrollDidEnd = ^(NSUInteger currentPage) {
        weakself.pageView.currentPage = currentPage;
    };
    self.rotaView.SelectView = ^(UIView *view) {};
    [self.rotaView showStart];
    [self.view addSubview:self.rotaView];

下载地址

ASRotationPageView地址:https://github.com/meetly/ASRotationPageView

建议配合ASPageView使用(可自定义的pageViewController)

ASPageView地址:https://github.com/meetly/ASPageView

相关文章

  • iOS无限滑动轮播图可竖着滑动

    ASRotationPageView 特点 1.可用作轮播图,引导页, 轮播广告2.可将view用作轮播3.可横向...

  • BannerView-无限轮播图控件

    轮播图控件,封装ViewPager,支持无限循环轮播,支持三种常用页面特效,支持设置指示器,支持自动切换手动滑动和...

  • tableview1的headerview覆盖底部的tablev

    项目需求,首页要实现一个,最底部是轮播图,上面是个tableview列表。不滑动的时候让底部轮播图响应点击和滑动事...

  • 轮播图的无限循环滑动

    1.第一种做法:假如说有三张图片分别是a、b、c,我就再放三张图片还是之前的图片a、b、c,这样就有六张图了。然后...

  • 依赖

    //滑动框 (轮播图,引导页面) implementation'com.youth.bann...

  • 3.自定义控件:简易轮播图Demo

    轮播图: 思路:采用ViewPager加载图片;ViewPager的适配器编写;文字跟随图片滑动;小圆点的滑动;向...

  • 杂货铺

    photoSwipe——对多图页面可实现点击放大,并且可以左右滑动轮播(参考淘宝商品详情页面)

  • NSTimer和拖拽冲突的问题解决

    问题: 比如我们界面顶部有个无限轮播图,而下面有个tableView,当我们上下滑动tableView时,会发现定...

  • Android开发遇到的那些坑

    一、无限轮播ViewPager 少于3图滑动会空白一下; 原因:是由于ViewPager的预加载,默认初始化左右两...

  • JavaScript实战项目:移动端 Touch 轮播图

    Touch 轮播图 touch轮播图其实就是通过手指的滑动,来左右切换轮播图,下面我们通过一个案例,来实现下。 1...

网友评论

    本文标题:iOS无限滑动轮播图可竖着滑动

    本文链接:https://www.haomeiwen.com/subject/rlmowxtx.html