iOS开发-自己定义重用机制给ScrollerView加入子视图

Posted mthoutai

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iOS开发-自己定义重用机制给ScrollerView加入子视图相关的知识,希望对你有一定的参考价值。

事实上这个问题我非常早就想过,仅仅是没有通过去写程序实现,昨天有人提起,我就巧了一下

不知道大家打印郭tableview:cellforrow中cell初始的次数,也就是重用池中的cell个数。这个是固定的,比方屏幕最多能够显示4个cell那么重用池个数可能为5个6个或者7左右,我就想了假设scrollview去实现,子视图也应该是有一个个数的,那么怎样去实现重用池呢?

我想到了数组,可变数组,我在loadview中将scrollview的可滑动区域设置为10000。然后给scrollview每隔20个距离加入一个view共10个,在for循环中将这10个view加入到数组arr中,那么接下来怎么做呢,我是这么想的,当须要加入第11个时候,将第1个从数组中提出来。改变成第11个的frame。然后改变它到数组的最后一个,是不是就有了,相同假设上拉的时候怎么显示上一个呢?将数组的最后一个提出来。改变frame,然后改变它到数组的第一个位置。话说了这么多。以下贴代码吧。

//
//  ViewController.m
//  ScollerView重用
//
//  Created by monkeyheng on 8/5/15.
//  Copyright (c) 2015 monkeyheng. All rights reserved.
//

#import "ViewController.h"

@interface ViewController () <UIScrollViewDelegate>

@property (nonatomic, strong) UIScrollView *scrollView;
// 托管重用数组
@property (nonatomic, strong) NSMutableArray *arr;
// 须要加入到头部子视图的坐标Y值
@property (nonatomic, assign) CGFloat upY;
// 须要加入到尾部子视图的坐标Y
@property (nonatomic, assign) CGFloat downY;
// 拖动时候的偏移量
@property (nonatomic, assign) CGFloat offset;

@end

@implementation ViewController

- (void)loadView {
    [super loadView];
    // 初始化一个ScrollView 宽度为屏幕宽度 可滑动区域为10000
    self.scrollView.contentSize = CGSizeMake(self.view.frame.size.width, 10000);
    self.scrollView.backgroundColor = [UIColor redColor];
    self.scrollView.delegate = self;
    [self.view addSubview:self.scrollView];
}

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    // 加入初始子视图到Scrollview 共10个 能够依据实际情况调控或者算法调控
    NSInteger i = 0;
    for (i = 0; i < 10; i++) {
        UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, i * 100 +(i - 1) * 20, 375, 100)];
        view.backgroundColor = [UIColor blueColor];
        // 加入子视图到scrollview
        [self.scrollView addSubview:view];
        // 加入view到托管的重用数组
        [self.arr addObject:view];
    }
    // 下一个view的y点是
    i++;
    self.downY = i * 100 + (i - 1) * 20;
    self.upY = -120;
    self.offset = 0;
}

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


// 拖动開始的时候
// scrollView 開始拖动
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
    // 记录拖动開始的偏移量
    self.offset = scrollView.contentOffset.y;
}

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {

    
    // 推断上下滑 是否偏移量超出屏幕
    if (scrollView.contentOffset.y < 0 || scrollView.contentOffset.y > (10000 - 667)) {
        // 超出屏幕范围不做不论什么操作
    } else if ((scrollView.contentOffset.y - self.offset) > 0) {
        // 開始滑动的偏移量假设大于拖动的偏移量 手指拖动屏幕上拉
        // 上滑动
        if ((self.downY - (self.scrollView.contentOffset.y + 667)) < 150) {
            // 在尾部Y坐标距离屏幕底部150的时候
            // 取出数组的第一个元素
            UIView *view = [self.arr objectAtIndex:0];
            // 将头部Y坐标变为view的Y坐标 由于view要加入到尾部
            self.upY = view.frame.origin.y;
            // 移除数组第一个元素
            [self.arr removeObjectAtIndex:0];
            // 改变view的frame
            view.frame = CGRectMake(0, self.downY - 100 - 20, 375, 100);
            // 将view又一次加入到数组
            [self.arr addObject:view];
            // 改变下一个的尾部坐标的Y值
            self.downY = self.downY + 100 + 20;
            
        }
        
    } else if((scrollView.contentOffset.y - self.offset) < 0){
        // 開始滑动的偏移量假设大于拖动的偏移量 手指拖动屏幕下拉
        // 下滑动
        if ((self.scrollView.contentOffset.y - self.upY) < 270) {
            // 在头部Y坐标距离屏幕顶端270的时候--》即将加入的头部view的尾部距离屏幕头部150
            // 取出数组的最后一个元素
            UIView *view = [self.arr lastObject];
            // 将尾部Y坐标变为view的Y坐标 由于view要加入到头部部
            self.downY = view.frame.origin.y;
            // 移除数组最后一个元素
            [self.arr removeObject:view];
            // 改变view的frame
            view.frame = CGRectMake(0, self.upY, 375, 100);
            // 将view又一次加入到数组的头部
            [self.arr insertObject:view atIndex:0];
            // 改变下一个的头部坐标的Y值
            self.upY = self.upY - 100 - 20;
        }
    }
}

#pragma mark 懒载入
- (UIScrollView *)scrollView {
    if (_scrollView == nil) {
        _scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height)];
    }
    return _scrollView;
}

- (NSMutableArray *)arr {
    if (_arr == nil) {
        _arr = [[NSMutableArray alloc] init];
    }
    return _arr;
}

@end
在来两张图片

启动模拟器的时候技术分享

滑动到中间的时候技术分享

滑动到最后一个的时候技术分享

以上是关于iOS开发-自己定义重用机制给ScrollerView加入子视图的主要内容,如果未能解决你的问题,请参考以下文章

iOS开发之 cell重用后内容错乱

iOS-cell的重用机制

iOS-UITableviewCell的重用机制和常见问题

iOS-UITableView重用机制

iOS学习笔记(4) — UITableView的 重用机制

iOS开发常见的宏定义(实用)