美文网首页
UIScrollView

UIScrollView

作者: vip4iPhonr | 来源:发表于2016-08-31 10:29 被阅读0次

    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 () <UIScrollViewDelegate>
    @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

          本文链接:https://www.haomeiwen.com/subject/dzqtettx.html