三張圖片實(shí)現(xiàn)輪播效果

#ifndef W_H_
#define W_H_
// 獲取屏幕的寬度
#define WIDTH  [UIScreen mainScreen].bounds.size.width
// UIScrollView和UIImageView的高度
#define HEIGHT 180
#endif

#import "ViewController.h"

@interface ViewController ()<UIScrollViewDelegate>{
    UIScrollView *myScrollView;
    // 左邊圖片
    UIImageView *leftImageView;
    // 中間圖片
    UIImageView *centerImageView;
    // 右邊圖片
    UIImageView *rightImageView;
    NSArray *imageNameArray;
    // 數(shù)組下標(biāo)
    NSInteger index;
}

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.view.backgroundColor = [UIColor yellowColor];
    
    // 將圖片添加到數(shù)組中
    imageNameArray = @[@"1.jpg", @"2.jpg", @"3.jpg", @"4.jpg", @"5.jpg", @"6.jpg", @"7.jpg", @"8.jpg", @"9.jpg", @"10.jpg"];
    index = 0;
    [self creatScrollView];
    [self addImageViews];
}

// 創(chuàng)建UIScrollView
- (void) creatScrollView{
    myScrollView = [[UIScrollView alloc]init];
    myScrollView.frame = CGRectMake(0, 100, WIDTH, HEIGHT);
    // 指定UIScrollView的contentSize
    myScrollView.contentSize = CGSizeMake(3 * WIDTH, HEIGHT);
    // contentSize的偏移量始終在中間
    myScrollView.contentOffset = CGPointMake(WIDTH , 0);
    myScrollView.pagingEnabled = YES;
    // 綁定委托
    myScrollView.delegate = self;
    [self.view addSubview:myScrollView];
}

-(void)addImageViews{
    leftImageView=[[UIImageView alloc]initWithFrame:CGRectMake(0, 0, WIDTH, HEIGHT)];
    leftImageView.image = [UIImage imageNamed:imageNameArray[imageNameArray.count - 1]];
    [myScrollView addSubview:leftImageView];
    
    centerImageView=[[UIImageView alloc]initWithFrame:CGRectMake(WIDTH, 0, WIDTH, HEIGHT)];
    centerImageView.image = [UIImage imageNamed:imageNameArray[index]];
    [myScrollView addSubview:centerImageView];

    rightImageView=[[UIImageView alloc]initWithFrame:CGRectMake(WIDTH * 2, 0, WIDTH, HEIGHT)];
    rightImageView.image = [UIImage imageNamed:imageNameArray[index + 1]];
    [myScrollView addSubview:rightImageView];
}

#pragma mark UIScrollViewDelegate方法
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
    [self reloadImage];
    // 讓UIScrollView的偏移量保持在中間位置 也就是說界面上顯示的始終是UIScrollView的中間那張圖片
    [myScrollView setContentOffset:CGPointMake(WIDTH, 0) animated:NO];
}

// 滾動(dòng)結(jié)束時(shí)獲取新的圖片
-(void)reloadImage{
    NSInteger leftImageIndex,rightImageIndex;
    CGPoint offset = [myScrollView contentOffset];
    // 向右滑動(dòng)
    if (offset.x > WIDTH) {
        index = (index + 1) % imageNameArray.count;
    }
    // 向左滑動(dòng)
    else if(offset.x < WIDTH) {
        index = (index + imageNameArray.count - 1) % imageNameArray.count;
    }
    centerImageView.image = [UIImage imageNamed:imageNameArray[index]];
    leftImageIndex=(index + imageNameArray.count - 1) % imageNameArray.count;
    leftImageView.image = [UIImage imageNamed:imageNameArray[leftImageIndex]];
    rightImageIndex=(index + 1) % imageNameArray.count;
    rightImageView.image = [UIImage imageNamed:imageNameArray[rightImageIndex]];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end
輪播效果.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容