scrollView的简单实现效果（1）

scrollView的简单效果图实现

关于scrollView，就是可以上下滑动和左右滑动。从最基本和最实用的出发，比如相册浏览，就是用scrollView实现的。以下是scrollView的基本创建和用法。

首先，创建工程之后，在viewController中的viewDidLoad中初始化scrollView，在此之前，新创建了一个PageScrollView类，在PageScrollView.m中书写了一段代码如下：

- (UIView*)hitTest:(CGPoint)point withEvent:(UIEvent *)event {
    
//在高度范围内，如果super hitTest 返回是nil，则返回 self  如果不是，就返回null
    
    if (point.y > 0 && point.y < self.bounds.size.height) {
        
        UIView *superRet = [super hitTest:point withEvent:event];
        
        if (superRet) {
            
            return superRet;
        }
        return self;
    }
    
    return nil;
}

上述代码中提到了hitTest:这是时间点击传递事件。（可以去找一下）。

下面我们开始创建scrollView。应注意以下几点：1.首先初始化的时候找准自己需要的位置；2.务必要设置scrollView的内容大小，不然不会有效果，并且，内容大小（左右滑动时，宽度不能小于图片的总宽度）3.属性中有滚动条是否显示、是否开启反弹效果、翻页效果等。如下代码：（注意：将创建的类PageScrollView.h导入）

    //初始化scrollView
    PageScrollView *scrollView = [[PageScrollView alloc] initWithFrame:CGRectMake((width - 200)/2.f, 100, 200, 300)];

    //设置内容大小
    scrollView.contentSize = CGSizeMake(200 * imageArrary.count, 300);
    scrollView.pagingEnabled = YES;
    
    //关闭边界裁剪
    scrollView.clipsToBounds = NO;
    //隐藏水平滚动条（默认开启）
    scrollView.showsHorizontalScrollIndicator = NO/YES;
    scrollView.showsVerticalScrollIndicator = NO/YES;
    
    //反弹效果(默认开启)
//    scrollView.bounces = NO;
    scrollView.bounces = YES;

效果图如下：可以看到水平滚动条和反弹效果。（数值滚动条没显示，是因为不能上下滑动）

 

 我们看到的效果图就是如上所示。具体实现的代码如下：

 //添加子视图
    for (int i = 0; i < imageArrary.count; i ++) {

      //创建view并使其显示不同颜色，颜色是随机的
        UIView *view = [[UIImageView alloc] initWithFrame:CGRectMake(200 * i, 0, 200, 300)];

        //添加随机颜色，（具体设置随机颜色的方法读者可以去查阅，或者百度）
        view.backgroundColor = [UIColor colorWithRed:arc4random()%255/255.0 green:arc4random()%255/255.0  blue:arc4random()%255/255.0  alpha:1];

        [scrollView addSubview:view];

}

 如果有错误，欢迎指正。如有转载，请标明转载出处。