UIScrollView


UIScrollView无法滚动的几个原因

1.没有设置contentSize

可滚动尺寸:contentSize的尺寸 减去 scrollView的尺寸
self.scrollView.contentSize = CGSzieMake(width,height);
//注意点:contentSize的尺寸小于或者等于scrollView的尺寸也是不可以滚动的

2.把scrollEnabled 属性设置为 No

self.scrollView.scrollEnabled = NO;

3.把userInteractionEnabled 设置为 NO

是否能够跟用户交互(响应用户的点击等操作)
self.scrollView.userInteractionEnabled = NO;
// 注意点:设置userInteractionEnabled = NO,scrollView以及内部所有的子控件都不能跟用户交互

UIScrollView的常见属性


1.创建UIScrollView

UIScrollView *scrollView = [[UIScrollView alloc] init];
scrollView.backgroundColor = [UIColor redColor];
scrollView.frame = CGRectMake(0, 20, 300, 200);
[self.view addSubview:scrollView];
// 注意点:通过代码创建scrollView,一开始subviews这个数组为nil
// 注意点:千万不要通过索引去subviews数组访问scrollView子控件

2.创建UIImageView

UIImage *image = [UIImage imageNamed:@"minion"];
UIImageView *imageView = [[UIImageView alloc] initWithImage:image];
[scrollView addSubview:imageView];

3.设置contenSize

scrollView.contentSize = CGRectMake(width,height);

4.设置代理

scrollView.delegate = self;

是否有弹簧效果

self.scrollView.bounces = NO;

不管有没有设置contentSize,总是有弹簧效果(下拉刷新)

self.scrollView.alwaysBounceHorizontal = YES;
self.scrollView.alwaysBounceVertical = YES;

是否显示滚动条

self.scrollView.showsHorizontalScrollIndicator = NO;
self.scrollView.showsVerticalScrollIndicator = NO;

设置内容的偏移量

// 作用1:控制内容滚动的位置
// 作用2:得知内容滚动的位置
self.scrollView.contentOffset = CGPointMake(0, -100);

设置内边距

self.scrollView.contentInset = UIEdgeInsetsMake(100, 0, 0, 0);

设置缩放比例

self.scrollView.maximumZoomScale = 2.0;
self.scrollView.minimumZoomScale = 0.5;

UIScrollView的代理(delegate)

#pragma mark - UIScrollViewDelegate 代理方法
/**
 *  当scrollView正在滚动的时候就会自动调用这个方法
 */
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
//    NSLog(@"scrollViewDidScroll--");
}
/**
 *  用户即将开始拖拽scrollView时就会调用这个方法
 */
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
    NSLog(@"scrollViewWillBeginDragging-");
}
/**
 *  用户即将停止拖拽scrollView时就会调用这个方法
 */
- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset
{
//    NSLog(@"scrollViewWillEndDragging");
}
/**
 *  用户已经停止拖拽scrollView时就会调用这个方法
 */
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
    if (decelerate == NO) {
        NSLog(@"用户已经停止拖拽scrollView,停止滚动");
    } else {
        NSLog(@"用户已经停止拖拽scrollView,但是scrollView由于惯性会继续滚动,减速");
    }
}
/**
 * scrollView减速完毕会调用,停止滚动
 */
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
   NSLog(@"scrollView减速完毕会调用,停止滚动");
}

/**
 * 设置内容的缩放
 *  返回需要缩放的子控件(scrollView的子控件)
 */
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView
{
    return self.imageView;
}

- (void)scrollViewDidZoom:(UIScrollView *)scrollView
{
    NSLog(@"scrollViewDidZoom");
}

简单的分页功能

//
//  ViewController.m
// 分页功能-
//

#import "ViewController.h"

@interface ViewController () 
@property (weak, nonatomic) IBOutlet UIScrollView *scrollView;
@property (weak, nonatomic) IBOutlet UIPageControl *pageControl;

/** 定时器 */
@property (nonatomic, weak) NSTimer *timer;
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    // 1.添加图片
    CGFloat scrollViewW = self.scrollView.frame.size.width;
    CGFloat scrollViewH = self.scrollView.frame.size.height;
    int count = 5;
    for (int i = 0; i < count; i ++) {
        UIImageView *imageView = [[UIImageView alloc] init];
        NSString *name = [NSString stringWithFormat:@"img_0%d",i + 1];
        imageView.image = [UIImage imageNamed:name];
        imageView.frame = CGRectMake(i * scrollViewW, 0, scrollViewW, scrollViewH);
        [self.scrollView addSubview:imageView];
    }

    // 2.设置contentSize
    // 这个0表示竖直方向不可以滚动
    self.scrollView.contentSize = CGSizeMake(count * scrollViewW, 0);

    // 3.开启分页功能
    // 标准:以scrollView的尺寸为一页
    self.scrollView.pagingEnabled = YES;

    // 4.设置总页数
    self.pageControl.numberOfPages = count;

    // 5.单页的时候是否隐藏pageControl
    self.pageControl.hidesForSinglePage = YES;

    // 6.设置pageControl的图片
    [self.pageControl setValue:[UIImage imageNamed:@"current"] forKeyPath:@"_currentPageImage"];
    [self.pageControl setValue:[UIImage imageNamed:@"other"]  forKeyPath: @"_pageImage"];

   // 7.开启定时器
    [self startTimer];

}

// 线程
// 主线程:程序一启动,系统会默认创建一条线程.
// 主线程作用:显示刷新UI界面,处理与用用户的交互事件
// 多线程的原理: 1s --->  1万个0.0001s

#pragma mark - 定时器相关的代码
- (void)startTimer
{
    // 返回一个自动执行的定时器对象
    self.timer = [NSTimer scheduledTimerWithTimeInterval:2.0 target:self selector:@selector(nextPage:) userInfo:@"123" repeats:YES];
    // NSDefaultRunLoopMode(默认): 同一时间只能执行一个任务
    // NSRunLoopCommonModes(公用): 可以分配一定的时间执行其他任务
    // 作用:修改timer在runLoop中的模式为NSRunLoopCommonModes
    // 目的:不管主线程在做什么操作,都会分配一定的时间处理定时器
    [[NSRunLoop mainRunLoop] addTimer:self.timer forMode:NSRunLoopCommonModes];
}

- (void)stopTimer
{
    [self.timer invalidate];
}

/**
 *  滚动到下一页
 */
- (void)nextPage:(NSTimer *)timer
{
    // 1.计算下一页的页码
    NSInteger page = self.pageControl.currentPage + 1;

    // 2.超过了最后一页
    if ( page == 5) {
        page = 0;
    }

    // 3.滚动到下一页
    [self.scrollView setContentOffset:CGPointMake(page * self.scrollView.frame.size.width, 0) animated:YES];
}

#pragma mark - UIScrollViewDelegate

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    // 1.计算页码
    int page = (int)(scrollView.contentOffset.x / scrollView.frame.size.width + 0.5);

    // 2.设置页码
    self.pageControl.currentPage = page;
}

/**
 *  用户即将开始拖拽scrollView时,停止定时器
 */
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
    [self stopTimer];
}

/**
 *  用户已经停止拖拽scrollView时,开启定时器
 */
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
    [self startTimer];
}
@end

你可能感兴趣的:(UIScrollView)