IOS中无限滚动Scrollview效果

IOS中无限滚动Scrollview效果_IOS

本文实例讲了IOS无限滚动效果，分享给大家供大家参考，具体内容如下

滑动到当前位置时候才去请求，本地有内容则直接显示（以来SDWebImage,UIView+Ext）
HZScrollView.h

#import <UIKit/UIKit.h>

typedef void(^HZReturnBlock)(NSInteger index,CGFloat offset);

typedef NS_ENUM(NSUInteger, HZScrollViewPageControllPosition) {
  HZScrollViewPageControllPositionNone,
  HZScrollViewPageControllPositionLeft,
  HZScrollViewPageControllPositionCenter,
  HZScrollViewPageControllPositionRight,
};

@class HZScrollView;
@protocol HZScrollViewDelegate <NSObject>

@optional
- (void)resetPosition:(HZScrollView *)scrollView AndIndex:(NSInteger)index;

@end

@interface HZScrollView : UIView
/**
 * 返回当前位置
 */
@property (nonatomic, weak)id <HZScrollViewDelegate>delegate;
/**
 * 默认图
 */
@property (nonatomic, strong) UIImage *hz_placeImage;
/**
 * 图片列表哇
 */
@property (nonatomic, strong) NSArray *hz_ImageList;
/**
 * pagecongroll 位置
 */
@property (nonatomic, assign) HZScrollViewPageControllPosition hz_PageControllPosition;
/**
 * 变换自身frame
 *
 * @param offset 偏移量
 */
- (void)transformView:(CGFloat)offset;
/**
 * 获取当前位置以及便宜
 *
 * @param block 返回内容
 */
- (void)hz_getContent:(HZReturnBlock)block;

@end

HZScrollView.m

#import "UIImageView+WebCache.h"
#import "HZScrollView.h"
#import "UIView+DylanFramTool.h"
#define HZ_FormatImage(val_imageView)\
- (UIImageView *)val_imageView\
{\
if (!_##val_imageView) {\
_##val_imageView = [[UIImageView alloc] init];\
}\
return _##val_imageView;\
}\

//宽度
#define HZ_SWidth  self.bounds.size.width
//高度
#define HZ_SHeight  self.bounds.size.height

#define HZ_PHeight  16

@interface HZScrollView ()<UIScrollViewDelegate>

@property (nonatomic, copy) HZReturnBlock hz_block;
/**
 * 总数
 */
@property (nonatomic,assign) NSInteger hz_MaxCount;
/**
 * 当前位置
 */
@property (nonatomic,assign) NSInteger hz_currentIndex;
/**
 * 容器
 */
@property (nonatomic, strong) UIScrollView *scrollView;
/**
 * 你懂滴
 */
@property (nonatomic, strong) UIPageControl *pageControll;

/**视图**/
@property (nonatomic, strong) UIImageView *leftImageView;
@property (nonatomic, strong) UIImageView *centerImageView;
@property (nonatomic, strong) UIImageView *rightImageView;

@end

@implementation HZScrollView
{
  CGRect _hz_Frame;
}

#pragma mark -
#pragma mark - init
- (instancetype)initWithFrame:(CGRect)frame
{
  self = [super initWithFrame:frame];
  if (self) {
    _hz_Frame = frame;
    [self addSubview:self.scrollView];
    [self configImageView];
    [self addSubview:self.pageControll];
  }
  return self;
}
#pragma mark -
#pragma mark - config
- (void)configImageView
{
  self.leftImageView.frame = CGRectMake(0, 0, HZ_SWidth, HZ_SHeight);
  [self.scrollView addSubview:self.leftImageView];
  self.centerImageView.frame = CGRectMake(HZ_SWidth, 0, HZ_SWidth, HZ_SHeight);
  [self.scrollView addSubview:self.centerImageView];
  self.rightImageView.frame = CGRectMake(HZ_SWidth * 2, 0, HZ_SWidth, HZ_SHeight);
  [self.scrollView addSubview:self.rightImageView];
}
#pragma mark -
#pragma mark - reSet
- (void)setHz_placeImage:(UIImage *)hz_placeImage
{
  _hz_placeImage = hz_placeImage;
  [self changeImageLeft:-1 center:-1 right:-1];
  if (self.hz_MaxCount) {
    [self setHz_MaxCount:self.hz_ImageList.count];
  }
}
- (void)setHz_ImageList:(NSArray *)hz_ImageList
{
  _hz_ImageList = [hz_ImageList copy];
  [self setHz_MaxCount:_hz_ImageList.count];
}
- (void)setHz_MaxCount:(NSInteger)hz_MaxCount
{
  _hz_MaxCount = hz_MaxCount;

  switch (_hz_MaxCount) {
    case 0:
      self.scrollView.scrollEnabled = NO;
      [self changeImageLeft:-1 center:-1 right:-1];
      break;
    case 1:
      self.scrollView.scrollEnabled = NO;
      [self changeImageLeft:0 center:0 right:0];
      break;

    default:
      self.scrollView.scrollEnabled = YES;
      [self changeImageLeft:_hz_MaxCount - 1 center:0 right:1];
      break;
  }

  self.pageControll.numberOfPages = _hz_MaxCount;
  [self setHz_PageControllPosition:_hz_PageControllPosition];
}
- (void)setHz_PageControllPosition:(HZScrollViewPageControllPosition)hz_PageControllPosition
{
  _hz_PageControllPosition = hz_PageControllPosition;
  CGFloat width = self.hz_MaxCount * HZ_PHeight;
  switch (_hz_PageControllPosition) {
    case HZScrollViewPageControllPositionNone:
      self.pageControll.hidden = YES;
      break;
    case HZScrollViewPageControllPositionLeft:
      self.pageControll.hidden = NO;
      self.pageControll.frame = CGRectMake(10, self.pageControll.frame.origin.y, width, self.pageControll.frame.size.height);
      break;
    case HZScrollViewPageControllPositionCenter:
      self.pageControll.hidden = NO;
      self.pageControll.frame = CGRectMake((self.bounds.size.width - width)/2.f, self.pageControll.frame.origin.y, width, self.pageControll.frame.size.height);
      break;
    case HZScrollViewPageControllPositionRight:
      self.pageControll.hidden = NO;
      self.pageControll.frame = CGRectMake(self.bounds.size.width - 10 - width, self.pageControll.frame.origin.y, width, self.pageControll.frame.size.height);
      break;
    default:
      break;
  }
  if (width <= HZ_PHeight) {
    self.pageControll.hidden = YES;
  }
}
#pragma mark -
#pragma mark - LZ
- (UIScrollView *)scrollView
{
  if (!_scrollView) {
    _scrollView = [[UIScrollView alloc] initWithFrame:self.bounds];
    _scrollView.pagingEnabled = YES;
    _scrollView.showsHorizontalScrollIndicator = NO;
    _scrollView.delegate = self;
    _scrollView.contentSize = CGSizeMake(HZ_SWidth * 3,0);
  }
  return _scrollView;
}
- (UIPageControl *)pageControll
{
  if (!_pageControll) {
    _pageControll = [[UIPageControl alloc] initWithFrame:CGRectMake(0,HZ_SHeight - HZ_PHeight,HZ_PHeight, 7)];
    _pageControll.pageIndicatorTintColor = [UIColor lightGrayColor];
    _pageControll.currentPageIndicatorTintColor = [UIColor whiteColor];
    _pageControll.numberOfPages = self.hz_MaxCount;
    _pageControll.currentPage = 0;
  }
  return _pageControll;
}
HZ_FormatImage(leftImageView);
HZ_FormatImage(centerImageView);
HZ_FormatImage(rightImageView);
#pragma mark -
#pragma mark - private Method

- (void)changeImageWithOffset:(CGFloat)offsetX
{

  if (offsetX >= HZ_SWidth * 2) {
    self.hz_currentIndex++;

    if (self.hz_currentIndex == self.hz_MaxCount - 1) {

      [self changeImageLeft:self.hz_currentIndex - 1 center:self.hz_currentIndex right:0];

    }else if (self.hz_currentIndex == self.hz_MaxCount) {

      self.hz_currentIndex = 0;
      [self changeImageLeft:self.hz_MaxCount - 1 center:0 right:1];

    }else {
      [self changeImageLeft:self.hz_currentIndex-1 center:self.hz_currentIndex right:self.hz_currentIndex + 1];
    }
    if (self.hz_block) {
      self.hz_block(self.hz_currentIndex,offsetX);
    }
    self.pageControll.currentPage = self.hz_currentIndex;

  }

  if (offsetX <= 0) {
    self.hz_currentIndex--;

    if (self.hz_currentIndex == 0) {

      [self changeImageLeft:self.hz_MaxCount-1 center:0 right:1];

    }else if (self.hz_currentIndex == -1) {

      self.hz_currentIndex = self.hz_MaxCount-1;
      [self changeImageLeft:self.hz_currentIndex-1 center:self.hz_currentIndex right:0];

    }else {
      [self changeImageLeft:self.hz_currentIndex-1 center:self.hz_currentIndex right:self.hz_currentIndex+1];
    }
    if (self.hz_block) {
      self.hz_block(self.hz_currentIndex,offsetX);
    }
    self.pageControll.currentPage = self.hz_currentIndex;
  }
  [self setHz_PageControllPosition:_hz_PageControllPosition];

}

- (void)changeImageLeft:(NSInteger)leftIndex center:(NSInteger)centerIndex right:(NSInteger)rightIndex
{
  if (self.hz_currentIndex > self.hz_MaxCount) {
    return;
  }
  if (leftIndex == -1 && centerIndex == -1 && rightIndex == -1) {
    self.leftImageView.image = self.hz_placeImage;
    self.centerImageView.image = self.hz_placeImage;
    self.rightImageView.image = self.hz_placeImage;
  } else {
    [self checkExistImage:self.hz_ImageList[leftIndex]
          ImageView:self.leftImageView
         CurrentIndex:@(leftIndex)];
    [self checkExistImage:self.hz_ImageList[centerIndex]
          ImageView:self.centerImageView
         CurrentIndex:@(centerIndex)] ;
    [self checkExistImage:self.hz_ImageList[rightIndex]
          ImageView:self.rightImageView
         CurrentIndex:@(rightIndex)];
  }
  [self.scrollView setContentOffset:CGPointMake(HZ_SWidth, 0)];

}

- (void)checkExistImage:(NSString *)urlString
       ImageView:(UIImageView *)currentImageView
      CurrentIndex:(NSNumber *)index
{
  if ([[[SDWebImageManager sharedManager] imageCache] imageFromDiskCacheForKey:urlString])
  {
    currentImageView.image = [[[SDWebImageManager sharedManager] imageCache] imageFromMemoryCacheForKey:urlString];
    return;
  } else {
    currentImageView.image = self.hz_placeImage;
    if (self.hz_currentIndex != [index integerValue]) {
      return;
    }
    [self performSelector:@selector(downLoadImage:) withObject:@[urlString,currentImageView] afterDelay:0 inModes:@[NSDefaultRunLoopMode]];
  }

}
- (void)downLoadImage:(NSArray *)param
{
  NSString *urlString = [param firstObject];
  __weak UIImageView *currentImageView = [param lastObject];
  [[SDWebImageManager sharedManager] downloadImageWithURL:[NSURL URLWithString:urlString] options:0 progress:^(NSInteger receivedSize, NSInteger expectedSize) {
    NSLog(@"received:%@",@(receivedSize));
  } completed:^(UIImage *image, NSError *error, SDImageCacheType cacheType, BOOL finished, NSURL *imageURL) {
    currentImageView.image = image;
//    [[[SDWebImageManager sharedManager] imageCache] storeImage:image forKey:urlString];
    [[[SDWebImageManager sharedManager] imageCache] storeImage:image forKey:urlString toDisk:YES];
  }];
}
#pragma mark -
#pragma mark - UIScrollViewDelegate
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
  [self changeImageWithOffset:scrollView.contentOffset.x];
}

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
  NSInteger index = scrollView.contentOffset.x/scrollView.width;

  if ([self.delegate respondsToSelector:@selector(resetPosition:AndIndex:)]) {
    [self.delegate resetPosition:self AndIndex:self.hz_currentIndex];
  }
}
#pragma mark -
#pragma mark - public method
- (void)transformView:(CGFloat)offset
{
  if (offset > 0) {
    return;
  }
  CGFloat currentHeight = 210 - offset;
  self.height = currentHeight ;
  CGFloat currentScale = currentHeight / _hz_Frame.size.height;
  self.left = _hz_Frame.origin.x - (_hz_Frame.size.width * currentScale - _hz_Frame.size.width)/2.f;
  self.width = _hz_Frame.size.width * currentScale;
  self.top = offset;

  self.scrollView.size = self.size;

  self.leftImageView.size = self.size;
  self.centerImageView.size = self.size;
  self.rightImageView.size = self.size;

  self.centerImageView.x = self.width;

  self.rightImageView.x = self.width * 2;

  self.scrollView.contentSize = CGSizeMake(self.width *3, self.height);
  [self.scrollView setContentOffset:CGPointMake(HZ_SWidth, 0)];
}

- (void)hz_getContent:(HZReturnBlock)block
{
  self.hz_block = block;
}
- (void)layoutSubviews
{
  [super layoutSubviews];

}

@end

以上就是本文的全部内容，希望对大家的学习有所帮助。

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索ios无限滚动
IOS滚动
scrollview无限滚动、scrollview滚动监听、scrollview横向滚动、scrollview自动滚动、scrollview隐藏滚动条，以便于您获取更多的相关知识。

时间： 2024-08-03 10:35:04

IOS中无限滚动Scrollview效果_IOS的相关文章

IOS中UITableView滚动到指定位置_IOS

方法很简单: - (void)scrollToRowAtIndexPath:(NSIndexPath *)indexPath atScrollPosition:(UITableViewScrollPosition)scrollPosition animated:(BOOL)animated 有些需要注意的地方: 如果在reloadData后需要立即获取tableview的cell.高度,或者需要滚动tableview,那么,直接在reloadData后执行代码是有可能出问题的. reloadDa

Android UI设计系列之自定义SwitchButton开关实现类似IOS中UISwitch的动画效果（2）_Android

做IOS开发的都知道,IOS提供了一个具有动态开关效果的UISwitch组件,这个组件很好用效果相对来说也很绚丽,当我们去点击开关的时候有动画效果,但遗憾的是Android上并没有给我们提供类似的组件(听说在Android4.0的版本上提供了具有动态效果的开关组件,不过我还没有去看文档),如果我们想实现类似的效果那该怎么办了呢?看来又得去自定义了. 公司的产品最近一直在做升级,主要做的就是把界面做的更绚丽更美观给用户更好的体验(唉,顾客是上帝......),其中的设置功能中就有开关按钮,原来的开

ios中怎样添加scrollview上button的点击事件

问题描述 ios中怎样添加scrollview上button的点击事件在scrollview上面,自定义的button?点击没有反应解决方案怎么可能呢,有绑定事件处理函数吧解决方案二: addaddTarget action 你确定你的selector实现了? 解决方案三: 使用UITapGestureRecognizer 初始化一个点击动作, 然后使用方法: addGestureRecognizer:(UIGestureRecognizer *)gestureRecognizer添加

IOS使用UICollectionView实现无限轮播效果_IOS

一.案例演示本案例Demo演示的是一个首页轮播的案例,支持手动轮播和自动轮播.知识点主要集中在UICollectionView和NSTimer的使用. 二.知识储备 2.1.UICollectionView横向布局只需要设置UICollectionViewFlowLayout的scrollDirection为UICollectionViewScrollDirectionHorizontal即可. 2.2.NSTimer的基本使用 NSTimer的初始化: 复制代码代码如下: + (NST

iOS实现图片轮播效果_IOS

本文实例为大家分享了IOS图片轮播效果的实现过程,供大家参考,具体内容如下平时APP中的广告位或者滚动的新闻图片等用到的就是图片轮播这种效果,实现方式主要有两种,一种ScrollView+ImageView,另一种则是通过CollectionView,今天总结的是ScrollView这种方式. 1.图片轮播效果实现主要实现思路是:根据图片总数及宽高设置好ScrollView的大小,每切换一张图片相当于在ScrollView上进行一个图片宽度的移动行为,并加入定时器,实现自动轮播. 如图所示,

PowerPoint中实现滚动字幕效果

大家经常见到过字幕滚动的效果,我们完全可以使用Microsoft Office办公套件中的PowerPoint来制作出一个字幕滚动的效果.现在就让我们一同来做做看: 1.设置背景先选取新幻灯片为"空白"的自动版式,再根据个人的爱好,设置一下背景.单击"格式"→"背景"命令,在"背景填充"下拉框中选"填充效果",再单击"纹理"标签页,从中选定自己喜欢的纹理(如图1). 2.输入文字用鼠

iOS自定义collectionView实现毛玻璃效果_IOS

先来看看效果图,由于录屏软件不给力,毛玻璃效果不明显,请见谅. 步骤详解: 说下思路,很简单,首先自定义一个collectionView, 重写它的initWithFrame:collectionViewLayout:方法,在这里面做配置,这里用的是AXECollectionView. 与之对应的自定义一个collectionViewCell,在cell里配置操作:设置layer涂层,加载图片等操作,这里用的是AXECollectionViewCell. 最后在需要展示的控制器里调用AXECol

iOS实现左右拖动抽屉效果_IOS

本文实例介绍了iOS实现左右拖动抽屉效果,具体内容如下利用了触摸事件滑动 touchesMoved: 来触发左右视图的出现和消失利用loadView方法中添加view 在self.view载入前就把左右中View都设置好frame 每一个方法都由单独的功能. #import "DarwViewController.h" @interface DarwViewController () @property (nonatomic, weak) UIView *leftView; @p

iOS实现简单的抽屉效果_IOS

说到抽屉效果在iOS中比较有名的第三方类库就是PPRevealSideViewController.一说到第三方类库就自然而然的想到我们的CocoaPods,本文用CocoaPods引入PPRevealSideViewController,然后在我们的工程中以代码结合storyboard来做出抽屉效果. 一.在工程中用CocoaPods引入第三方插件PPRevealSideViewController. (1).在终端中搜索PPRevealSideViewController的版本 (2).在P