UIday0703:用 UIScrollView 和 UIPageControl 实现轮播图

本文介绍了一个简单的 iOS 应用程序,该程序通过 UIScrollView 实现了图片滑动查看的功能。文章展示了如何加载和展示多张图片,并通过 UIScrollView 的代理方法实现循环滚动效果。


图片名称为:1.jpeg,2.jpeg,3.jpeg,4.jpeg,5.jpeg,6.jpeg,7.jpeg. 共7张


RootViewController.m

#import "RootViewController.h"

@interface RootViewController ()<UIScrollViewDelegate>

@property(nonatomic,strong)RootView * rv;

@end

@implementation RootViewController

-(void)loadView{
    self.rv = [[RootView alloc]initWithFrame:[UIScreen mainScreen].bounds];
    self.view = _rv;
}

- (void)viewDidLoad {
    [super viewDidLoad];
    UIImageView * v1 = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"6.jpeg"]];
    v1.frame = CGRectMake(0, 0, CGRectGetWidth(self.rv.scrollView.frame), CGRectGetHeight(self.rv.scrollView.frame));
    [self.rv.scrollView addSubview:v1];
    
    for (int i = 0; i<7; i++) {
        NSString * s = [NSString stringWithFormat:@"%d.jpeg",i];
        UIImageView * temp = [[UIImageView alloc]initWithImage:[UIImage imageNamed:s]];
        
        // 设置frame
        temp.frame =CGRectMake(CGRectGetWidth(self.rv.scrollView.frame)*(i+1), 0, CGRectGetWidth(self.rv.scrollView.frame), CGRectGetHeight(self.rv.scrollView.frame));
        [self.rv.scrollView addSubview:temp];
    }
    
    UIImageView * v2 = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"0.jpeg"]];
    v2.frame = CGRectMake(CGRectGetWidth(self.rv.scrollView.frame) * 8, 0, CGRectGetWidth(self.rv.scrollView.frame), CGRectGetHeight(self.rv.scrollView.frame));
    [self.rv.scrollView addSubview:v2];
    
    //设置scrollView的位置
    self.rv.scrollView.contentSize = CGSizeMake(CGRectGetWidth(self.rv.scrollView.frame) * 9, CGRectGetHeight(self.rv.scrollView.frame));
    
    
    self.rv.scrollView.pagingEnabled = YES;
    
    // 将第一张图片显示
    self.rv.scrollView.contentOffset = CGPointMake(CGRectGetWidth(self.rv.scrollView.frame), 0);
    
    
    // 设置代理
    self.rv.scrollView.delegate = self;
    
    // 取消弹簧效果(防止漏底色)
    self.rv.scrollView.bounces = NO;
    
}

// 滚动中
- (void)scrollViewDidScroll:(UIScrollView *)scrollView{
    
    // 先判断出在哪一页当中
//    NSInteger index = scrollView.contentOffset.x/CGRectGetWidth(scrollView.frame);
    if (scrollView.contentOffset.x == 0) {
        scrollView.contentOffset = CGPointMake(CGRectGetWidth(scrollView.frame)*7, 0);
    }
    if (scrollView.contentOffset.x == CGRectGetWidth(scrollView.frame)*8) {
        scrollView.contentOffset = CGPointMake(CGRectGetWidth(scrollView.frame), 0);
    }
}

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

@end

RootView.h

#import <UIKit/UIKit.h>

@interface RootView : UIView

@property(nonatomic,strong)UIScrollView * scrollView;

@end

RootView.m

#import "RootView.h"

@implementation RootView

- (instancetype)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        [self p_srtupViews];
    }
    return self;
}
-(void)p_srtupViews{
//    self.backgroundColor = [UIColor yellowColor];
    
    self.scrollView  = [[UIScrollView alloc]initWithFrame:self.frame];
    self.scrollView.backgroundColor = [UIColor grayColor];
    [self addSubview:_scrollView];
    
}

@end



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值