gpt4 book ai didi

iOS使用UIScrollView实现无限循环轮播图效果

转载 作者:qq735679552 更新时间:2022-09-28 22:32:09 24 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章iOS使用UIScrollView实现无限循环轮播图效果由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

本文实例为大家分享了ios使用uiscrollview实现无限循环轮播图的具体代码,供大家参考,具体内容如下 。

iOS使用UIScrollView实现无限循环轮播图效果

代码:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
//
// viewcontroller.m
// 无限轮播
//
// created by limin on 17/8/23.
// copyright © 2017年 none. all rights reserved.
//
 
#import "viewcontroller.h"
 
@interface viewcontroller ()<uiscrollviewdelegate>
/* 定时器 */
@property(nonatomic,strong)nstimer *rotatetimer;
/* */
@property(nonatomic,strong)uipagecontrol *mypagecontrol;
@end
 
@implementation viewcontroller
 
- ( void )viewdidload {
  [super viewdidload];
  //初始化scroolview大小为屏幕大小
  uiscrollview *rotatescrollview = [[uiscrollview alloc]initwithframe:self.view.frame];
  //设置滚动范围
  rotatescrollview.contentsize = cgsizemake(cgrectgetwidth(self.view.frame)*3, cgrectgetheight(self.view.frame));
  //设置分页效果
  rotatescrollview.pagingenabled = yes;
  //水平滚动条隐藏
  rotatescrollview.showshorizontalscrollindicator = no;
  //添加三个子视图,uilabel类型
  for ( int i=0; i<3; i++) {
   uilabel *sublabel = [[uilabel alloc] initwithframe:cgrectmake(cgrectgetwidth(self.view.frame)*i, 0, cgrectgetwidth(self.view.frame), cgrectgetheight(self.view.frame))];
   sublabel.tag = 1000+i;
   sublabel.text = [nsstring stringwithformat:@ "我是第%d个视图" ,i];
   [sublabel setfont:[uifont systemfontofsize:80]];
   sublabel.adjustsfontsizetofitwidth = yes;
   [sublabel setbackgroundcolor:[uicolor colorwithred:arc4random()%256/255.0 green:arc4random()%256/255.0 blue:arc4random()%256/255.0 alpha:1.0]];
   [rotatescrollview addsubview:sublabel];
 
  }
  uilabel *templabel = [rotatescrollview viewwithtag:1000];
  //为滚动视图的右边添加一个视图,使得它和第一个视图一模一样。
  uilabel *label = [[uilabel alloc]initwithframe:cgrectmake(cgrectgetwidth(self.view.frame)*3, 0, cgrectgetwidth(self.view.frame), cgrectgetheight(self.view.frame))];
  label.backgroundcolor = templabel.backgroundcolor;
  label.text = templabel.text;
  label.font = templabel.font;
  label.adjustsfontsizetofitwidth = yes;
  [rotatescrollview addsubview:label];
  [self.view addsubview:rotatescrollview];
  rotatescrollview.tag = 1000;
  self.mypagecontrol = [[uipagecontrol alloc]initwithframe:cgrectmake(0, cgrectgetheight(self.view.frame)-50, cgrectgetwidth(self.view.frame), 50)];
  self.mypagecontrol.numberofpages = 3;
  self.mypagecontrol.currentpage = 0;
  [self.view addsubview:self.mypagecontrol];
 
  //启动定时器
  self.rotatetimer = [nstimer scheduledtimerwithtimeinterval:1.0 target:self selector:@selector(changeview) userinfo:nil repeats:yes];
  //为滚动视图指定代理
  rotatescrollview.delegate = self;
}
 
#pragma mark -- 滚动视图的代理方法
//开始拖拽的代理方法,在此方法中暂停定时器。
-( void )scrollviewwillbegindragging:(uiscrollview *)scrollview{
  nslog(@ "正在拖拽视图,所以需要将自动播放暂停掉" );
  //setfiredate:设置定时器在什么时间启动
  //[nsdate distantfuture]:将来的某一时刻
  [self.rotatetimer setfiredate:[nsdate distantfuture]];
}
 
//视图静止时(没有人在拖拽),开启定时器,让自动轮播
- ( void )scrollviewdidenddecelerating:(uiscrollview *)scrollview{
  //视图静止之后,过1.5秒在开启定时器
  //[nsdate datewithtimeinterval:1.5 sincedate:[nsdate date]] 返回值为从现在时刻开始 再过1.5秒的时刻。
  nslog(@ "开启定时器" );
  [self.rotatetimer setfiredate:[nsdate datewithtimeinterval:1.5 sincedate:[nsdate date]]];
}
 
 
//定时器的回调方法 切换界面
- ( void )changeview{
  //得到scrollview
  uiscrollview *scrollview = [self.view viewwithtag:1000];
  //通过改变contentoffset来切换滚动视图的子界面
  float offset_x = scrollview.contentoffset.x;
  //每次切换一个屏幕
  offset_x += cgrectgetwidth(self.view.frame);
 
  //说明要从最右边的多余视图开始滚动了,最右边的多余视图实际上就是第一个视图。所以偏移量需要更改为第一个视图的偏移量。
  if (offset_x > cgrectgetwidth(self.view.frame)*3) {
   scrollview.contentoffset = cgpointmake(0, 0);
  
  }
  //说明正在显示的就是最右边的多余视图,最右边的多余视图实际上就是第一个视图。所以pagecontrol的小白点需要在第一个视图的位置。
  if (offset_x == cgrectgetwidth(self.view.frame)*3) {
   self.mypagecontrol.currentpage = 0;
  } else {
   self.mypagecontrol.currentpage = offset_x/cgrectgetwidth(self.view.frame);
  }
 
  //得到最终的偏移量
  cgpoint resultpoint = cgpointmake(offset_x, 0);
  //切换视图时带动画效果
  //最右边的多余视图实际上就是第一个视图,现在是要从第一个视图向第二个视图偏移,所以偏移量为一个屏幕宽度
  if (offset_x >cgrectgetwidth(self.view.frame)*3) {
   self.mypagecontrol.currentpage = 1;
   [scrollview setcontentoffset:cgpointmake(cgrectgetwidth(self.view.frame), 0) animated:yes];
  } else {
   [scrollview setcontentoffset:resultpoint animated:yes];
  }
 
}
 
- ( void )didreceivememorywarning {
  [super didreceivememorywarning];
  // dispose of any resources that can be recreated.
}
 
 
@end

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我.

原文链接:https://blog.csdn.net/Leemin_ios/article/details/77504296 。

最后此篇关于iOS使用UIScrollView实现无限循环轮播图效果的文章就讲到这里了,如果你想了解更多关于iOS使用UIScrollView实现无限循环轮播图效果的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com