当前位置: 首页 > 编程笔记 >

IOS中无限滚动Scrollview效果

章稳
2023-03-14
本文向大家介绍IOS中无限滚动Scrollview效果,包括了IOS中无限滚动Scrollview效果的使用技巧和注意事项,需要的朋友参考一下

本文实例讲了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

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

 类似资料:
  • 本文向大家介绍UGUI实现ScrollView无限滚动效果,包括了UGUI实现ScrollView无限滚动效果的使用技巧和注意事项,需要的朋友参考一下 抽空做了一个UGUI的无限滚动的效果。只做了一半(向下无限滚动)。网上也看了很多教程,感觉还是按照自己的思路来写可能比较好。搭建如下: content节点不添加任何组件。布局组件默认是会重新排版子节点的,所以如果子节点的位置变化,会重新排版,不能达

  • 无限滚动用来在页面滚动到接近底部时加载新内容或进行其他操作。 在底部的无限滚动 你只需在可滚动的容器上添加“infinite-scroll”类,一般是页面滚动区域 - div.content <style type="text/css"> .infinite-scroll-preloader { margin-top:-20px; } </style> <heade

  • 无限滚动用来在页面滚动到接近底部时加载新内容或进行其他操作。 无限滚动HTML结构 你只需在可滚动的容器上添加“infinite-scroll”类,一般是页面滚动区域 - <div class="page-content">: <div class="page"> <div class="page-content infinite-scroll" data-distance="100">

  • 主要内容:本节引言:,可能遇到的一些需求,本节小结:本节引言: 本节带来的是Android基本UI控件中的第十个:ScrollView(滚动条),或者我们应该叫他 竖直滚动条,对应的另外一个水平方向上的滚动条:HorizontalScrollView,先来一发官方文档 的链接:ScrollView,我们可以看到类的结构如下: 嘿嘿,原来是一个FrameLayout的容器,不过在他的基础上添加了滚动,允许显示的比实际多的内容! 另外,只能够往里面放置

  • 到这里基本上你已经掌握了 Android 所有的常用控件,不知道有没有这样的疑惑:如果控件太多,在有的小尺寸手机上将屏幕占满了怎么办?是不是有一种通用的解决方法?没错,本节的主角——ScrollView 就是来帮你解决这个问题的,它让你的控件能够在屏幕显示不足的情况下,支持滚动展示。 1. ScrollView 的特性 ScrollView 是一种可以有效解决由于 View 过多显示不全的布局,它

  • 可以水平和垂直两个方向翻页滚动的ScrollView,用的是atpagingview。 [Code4App.com]