iOS實(shí)現(xiàn)圖片自動(dòng)切換效果
本文實(shí)例為大家分享了iOS實(shí)現(xiàn)圖片自動(dòng)切換的具體代碼,供大家參考,具體內(nèi)容如下
#import "ViewController.h"
#define ImageViewCount 5
@interface ViewController ()<UIScrollViewDelegate>
@property (weak, nonatomic) IBOutlet UIScrollView *imageScrollView;
@property (weak, nonatomic) IBOutlet UIPageControl *imageViewPageControl;
@property (strong, nonatomic) NSTimer *timer;
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
[self addImageView2ScrollView];
self.imageScrollView.contentSize = CGSizeMake(self.imageScrollView.frame.size.width * ImageViewCount, 0);
self.imageScrollView.delegate = self;
self.imageScrollView.pagingEnabled = YES;//UIScrollView支持拖動(dòng)分頁(yè)
self.imageViewPageControl.numberOfPages = ImageViewCount;
[self addScrollTimer];
}
- (void)rotatePic{
int currentPageIndex = self.imageViewPageControl.currentPage;
if(++currentPageIndex == 5){
currentPageIndex = 0;
}
CGFloat offsetX = currentPageIndex * self.imageScrollView.frame.size.width;
[UIView animateWithDuration:1 animations:^{
self.imageScrollView.contentOffset = CGPointMake(offsetX, 0);
}];
}
/**添加圖片到imageScrollView*/
- (void)addImageView2ScrollView{
CGFloat imageWidth = self.imageScrollView.frame.size.width;
CGFloat imageHeight = self.imageScrollView.frame.size.height;
for(int i = 0;i <= ImageViewCount;i++){
UIImageView *imageInScroll = [[UIImageView alloc] init];
imageInScroll.frame = CGRectMake(i * imageWidth, 0, imageWidth, imageHeight);
imageInScroll.image = [UIImage imageNamed:[NSString stringWithFormat:@"img_%02d",i + 1]];
[self.imageScrollView addSubview:imageInScroll];
}
}
// 正滾動(dòng)時(shí)執(zhí)行
- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
CGFloat offX = self.imageScrollView.contentOffset.x;//(0,0)距離content內(nèi)部左上頂點(diǎn)的x軸長(zhǎng)度
NSLog(@"~~~~~~~%f ^^^^^^%f", offX, self.imageScrollView.frame.size.width);
int currentPageIndex = (offX + .5f * self.imageScrollView.frame.size.width) / self.imageScrollView.frame.size.width;
self.imageViewPageControl.currentPage = currentPageIndex;
}
- (void)addScrollTimer{
self.timer = [NSTimer timerWithTimeInterval:2 target:self selector:@selector(rotatePic) userInfo:nil repeats:YES];
[[NSRunLoop mainRunLoop] addTimer:self.timer forMode:NSRunLoopCommonModes];
}
- (void)removeScrollTimer{
[self.timer invalidate];//釋放定時(shí)器
self.timer = nil;
}
// 開(kāi)始準(zhǔn)備滾動(dòng)時(shí)執(zhí)行 移除定時(shí)滾動(dòng)操作
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{
NSLog(@"~~~scrollViewWillBeginDragging");
[self removeScrollTimer];
}
// 結(jié)束滾動(dòng)后執(zhí)行 添加定時(shí)滾動(dòng)操作
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{
NSLog(@"~~~scrollViewDidEndDragging");
[self addScrollTimer];
}
@end
對(duì)UIScrollView的運(yùn)用,以上代碼中有詳細(xì)注釋,需注意2點(diǎn):
1.注意設(shè)置contentSize屬性。其中contentSize表示scroll內(nèi)容尺寸大小
2.注意設(shè)置代理UIScrollViewDelegate,才可調(diào)用其中的方法
對(duì)于定時(shí)器NSTimer的運(yùn)用需注意
1.在線程的loop中添加定時(shí)器
2.注意使用完成回收NSTimer
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
IOS身份證識(shí)別(OCR源碼)詳解及實(shí)例代碼
這篇文章主要介紹了IOS身份證識(shí)別(OCR源碼)詳解及實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-03-03
iOS App中實(shí)現(xiàn)播放音效和音樂(lè)功能的簡(jiǎn)單示例
這篇文章主要介紹了iOS App中實(shí)現(xiàn)播放音效和音樂(lè)功能的簡(jiǎn)單示例,示例代碼為傳統(tǒng)的Objective-C,需要的朋友可以參考下2016-03-03
IOS 開(kāi)發(fā)APP之關(guān)于時(shí)間處理詳細(xì)介紹
這篇文章主要介紹了IOS 開(kāi)發(fā)APP之關(guān)于時(shí)間處理詳細(xì)介紹的相關(guān)資料,開(kāi)發(fā)APP 不僅需要對(duì)API的調(diào)用還需要對(duì)時(shí)間相關(guān)的各種API之間的差別,再因場(chǎng)景而異去設(shè)計(jì)相應(yīng)的機(jī)制,需要的朋友可以參考下2016-12-12
IOS開(kāi)發(fā)之由身份證號(hào)碼提取性別的實(shí)現(xiàn)代碼
這篇文章主要介紹了IOS開(kāi)發(fā)之由身份證號(hào)碼提取性別的實(shí)現(xiàn)代碼的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-07-07
iOS Moya實(shí)現(xiàn)OAuth請(qǐng)求的方法
這篇文章主要介紹了iOS Moya實(shí)現(xiàn)OAuth請(qǐng)求的方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-12-12
解決ios手機(jī)中input輸入框光標(biāo)過(guò)長(zhǎng)的問(wèn)題
在項(xiàng)目中做移動(dòng)端頁(yè)面,發(fā)現(xiàn)IOS 的光標(biāo)大小很大,和安卓的完全不一樣,怎么來(lái)調(diào)整大小呢?下面小編給大家?guī)?lái)了ios手機(jī)中input輸入框光標(biāo)過(guò)長(zhǎng)問(wèn)題的解決方法,一起看看吧2018-08-08

