欢迎光临
我们一直在努力

MXScrollView循环滚动视图(支持点击事件、自动滚动、多种动画)

建站超值云服务器,限时71元/月

MXScrollView循环滚动视图(支持点击事件、自动滚动、多种动画)

项目介绍:

MXScrollView

循环滚动视图(支持点击事件、自动滚动、多种动画)

效果示例

  • 无动画

               ![无动画](https://github.com/iamhmx/MXScrollView/blob/master/MXScrollViewDemo/screenshots/none.gif "无动画")
    
  • 渐变

               ![渐变](https://github.com/iamhmx/MXScrollView/blob/master/MXScrollViewDemo/screenshots/fade.gif "渐变")
    
  • 旋转

               ![旋转](https://github.com/iamhmx/MXScrollView/blob/master/MXScrollViewDemo/screenshots/rotate.gif "旋转")
    
  • 缩放

               ![缩放](https://github.com/iamhmx/MXScrollView/blob/master/MXScrollViewDemo/screenshots/scale.gif "缩放")
    
  • 上升

               ![上升](https://github.com/iamhmx/MXScrollView/blob/master/MXScrollViewDemo/screenshots/up.gif "上升")
    
  • 下降

               ![下降](https://github.com/iamhmx/MXScrollView/blob/master/MXScrollViewDemo/screenshots/down.gif "下降")
    
  • 毛玻璃

               ![毛玻璃](https://github.com/iamhmx/MXScrollView/blob/master/MXScrollViewDemo/screenshots/blur.gif "毛玻璃")
    

使用说明

  • 添加文件

    • 将MXScrollViewHeader.h、MXScrollView.h、MXScrollView.m添加到项目中

  • 添加代码

    /_ViewController.m_/

    import “MXScrollView.h”

    @interface ViewController ()<MXScrollViewDelegate>
    //图片数据
    @property (strong, nonatomic) NSArray *imageUrls;
    @end

    @implementation ViewController

    • (void)viewDidLoad {

              [super viewDidLoad];
      

    /_初始化一:已知图片数据_/
        MXScrollView *mxScrollView = [[MXScrollView alloc]initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, 200) withContents:self.imageUrls andScrollDelay:3.5];

    /_初始化二:不知图片数据,数据由网络请求而来,更常见_/
        /_MXScrollView_ mxScrollView = [[MXScrollView alloc]initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, 200) withScrollDelay:3.5];
        //请求到数据,设置图片
        [self requestDataFromNet:^(id data) {
            [mxScrollView setContents:data];
        }];*/

    //设置动画类型
        //渐变
        //mxScrollView.animationType = MXImageAnimationFadeInOut;

    //旋转
        mxScrollView.animationType = MXImageAnimationRotation;

    //缩放
        //mxScrollView.animationType = MXImageAnimationScale;
        //mxScrollView.scaleRatio = 0.5;

    //mxScrollView.animationType = MXImageAnimationUp;

    //mxScrollView.animationType = MXImageAnimationDown;

    mxScrollView.animationType = MXImageAnimationBlur;

    //方法一:设置代理并实现方法
        //mxScrollView.delegate = self;

    //方法二:设置回调Block
        mxScrollView.clickHandler = ^(NSInteger index) {
            NSLog(@”图片index:%ld”,index);
        };

    [self.view addSubview:mxScrollView];
    }

    • (void)clickImageIndex:(NSInteger)index {

              NSLog(@"图片index:%ld",index);
      

    }

    • (NSArray *)imageUrls {
      return @[@”http://a2.att.hudong.com/73/16/01300000165476121211162421024.jpg”, @”http://pic8.nipic.com/20100808/4953913_162517044879_2.jpg”,@”http://www.taopic.com/uploads/allimg/121214/267863-12121421114939.jpg”];

    }

    @end

github地址:https://github.com/iamhmx/MXScrollView

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » MXScrollView循环滚动视图(支持点击事件、自动滚动、多种动画)
分享到: 更多 (0)