Sagit.Framework For IOS 自动布局教程:14、UIScrollView :分页、分页组件呈现、分页事件、设置分页大小、批量加载图片呈现。
前言:
本篇介绍UIScrollView 封装的一些用法。
1、UIScrollView 特殊用法:分页、分页事件、批量加载图片。
基本定义:
interface UIScrollView (ST) //定义两个事件,上一页和下一页 typedef void (^OnScrollPrePager)(UIScrollView *scrollView); //定义两个事件,上一页和下一页 typedef void (^OnScrollNextPager)(UIScrollView *scrollView); //!上一页事件 @property (nonatomic,copy)OnScrollPrePager onPrePager; //!下一页事件 @property (nonatomic,copy)OnScrollNextPager onNextPager; //!当前页的索引 @property (nonatomic,assign)NSInteger pagerIndex; //!开始滑动的坐标 @property (nonatomic,assign)CGPoint startPoint; //!手放开时的坐标 @property (nonatomic,assign)CGPoint endPoint; //!滑动的方向 @property (nonatomic,assign)XYFlag direction; //!图片是否全屏 @property (nonatomic,assign)BOOL isImageFull; //!绑定事件 用代码块的形式,为所有子View添加事件 -(UIScrollView*)onSubviewClick:(OnViewClick)block; -(UIScrollView*)removeAt:(NSInteger) index; -(UIScrollView *)removeAt:(NSInteger)index moveXY:(BOOL)yesNO; #pragma mark 分页组件 @property (readonly,nonatomic,retain)UIPageControl *pager; -(BOOL)showPager; -(UIScrollView*)showPager:(BOOL)yesNo; #pragma mark Add Images -(UIScrollView *)addImages:(id)imgOrName,...NS_REQUIRES_NIL_TERMINATION; @end
2、一些示例代码1:
[[[self.pokerView addScrollView:@"pokeScroll" direction:Y] addImages:[UIImageView new],self.magicImg, nil] block:nil on:^(UIScrollView* poker) { self.poker=poker; [poker backgroundColor:ColorBlack]; poker.pagerIndex=1; poker.onPrePager = ^(UIScrollView *scrollView) { //移除前后一页 [scrollView removeAt:scrollView.pagerIndex+1]; [self setProximityMonitoring:YES];//打开距离感应(以便手可以舞动取消牌的显示) }; //---- }];
3、一些示例代码2:
[[[sagit addScrollView:nil direction:X] addImages:self.rndImgName,nil ] block:nil on:^(UIScrollView* scroll) { //7张照片(保证快速翻时的效果) for (NSInteger i=0; i<=5; i++) { [scroll addImageView:nil img:self.rndImgName direction:X]; } [scroll onClick:^(UIScrollView* me) { [Sagit.MsgBox confirm:@"确认选牌?" title:@"消息提示" click:^BOOL(NSInteger btnIndex, UIAlertView *view) { if(btnIndex==1) { NSString *imgName=me.subviews[me.pagerIndex].asImageView.imageName; self.readyImg=[[UIImageView alloc] initWithImage:me.subviews[me.pagerIndex].asImageView.image]; if(self.isDeblockTransfer) { [Sagit.Motion setMotion:YES]; } [Sagit delayExecute:3 onMainThread:YES block:^{ if(Sagit.Magic.Setting.isTakeUserPhoto)//开启视频拍摄 { [Sagit.Video start]; [Sagit delayExecute:1 onMainThread:YES block:^{ [Sagit.Video takePhoto:^(NSData *data) { self.userPhotos=@[data]; [Sagit.Video stop]; }]; }]; } else if(Sagit.Magic.Setting.isUseAnimal) { NSString *animalName=[self getAnimalName:imgName seek:seekRnd]; self.userPhotos=@[STImage(animalName).data]; } [self setProximityMonitoring:YES]; }]; } return YES; }]; }]; scroll.onNextPager = ^(UIScrollView *scrollView) { [self.lock lock]; //NSLog(@"start:%ld",scrollView.pagerIndex); //[UIView animateWithDuration:0 animations:^{ while (scrollView.pagerIndex>2) { [scrollView removeAt:0 moveXY:YES]; } while(scrollView.subviews.count<7) { //移除第一个,增加新一个 [scrollView addImageView:nil img:self.rndImgName direction:X]; } //NSLog(@"end:%ld",scrollView.pagerIndex); // [NSThread sleepForTimeInterval:0.1]; [self.lock unlock]; // [scrollView.pager stopTimer]; }; // [scroll showPager:YES]; // [scroll.pager startTimer:3 onTimer:nil]; }];
4、增加了pagerPx属性,允许指定每一页的宽高长度:
//!分页的长度、或高度(px单位)。 @property (nonatomic,assign) NSInteger pagerPx;
默认下,每一下页的长度大小是计算scrollView的宽或高,对于需要自定义分页大小的场景,可以设置此属性。
版权声明:程序员胖胖胖虎阿 发表于 2022年11月3日 上午9:08。
转载请注明:Sagit.Framework For IOS 自动布局教程:14、UIScrollView :分页、分页组件呈现、分页事件、设置分页大小、批量加载图片呈现。 | 胖虎的工具箱-编程导航
转载请注明:Sagit.Framework For IOS 自动布局教程:14、UIScrollView :分页、分页组件呈现、分页事件、设置分页大小、批量加载图片呈现。 | 胖虎的工具箱-编程导航
相关文章
暂无评论...