ios开发学习-UIScrollView

1 、UIScrollView 的用法:

(1)将须要展现的内容添加到 UIScrollView 中
(2)设置 UIScrollView 的 contentSize 属性,告诉 UIScrollView 全部内容的尺寸,也就是告诉它滚动的范围(能滚多远,滚到哪里是尽头)git

2 、UIScrollView 没法滚动的解决办法

若是 UIScrollView 没法滚动,多是如下部分缘由:
(1)没有设置滚动范围 contentSizegithub

设置例如:self.scrollView.contentSize = self.myimageView.frame.size;
等价于:self.scrollView.contentSize = self.myimageView.image.size;

(2)scrollEnabled = NO
(3)没有接收到触摸事件:userInteractionEnabled = NO
(4)没有取消 autolayout 功能(要想 scrollView 滚动,必须取消 autolayout)性能

3 、UIScrollView 的属性:

• @property(nonatomic) CGPoint contentOffset;
 这个属性用来表示 UIScrollView 滚动的位置atom

• @property(nonatomic) CGSize contentSize;
 这个属性用来表示 UIScrollView 内容的尺寸,滚动范围(能滚多远)spa

• @property(nonatomic) UIEdgeInsets contentInset;
 这个属性可以在 UIScrollView 的 4 周增长额外的滚动区域代理

• @property(nonatomic) BOOL bounces;
• 设置 UIScrollView 是否须要弹簧效果code

• @property(nonatomic,getter=isScrollEnabled) BOOL scrollEnabled;
 设置 UIScrollView 是否能滚动对象

• @property(nonatomic) BOOL showsHorizontalScrollIndicator;
 是否显示水平滚动条事件

• @property(nonatomic) BOOL showsVerticalScrollIndicator;
 是否显示垂直滚动条图片

4 、 内容缩放

有些时候,咱们可能要对某些内容进行手势缩放,以下图所示:

clipboard.png

UIScrollView 不只能滚动显示大量内容,还能对其内容进行缩放处理,也就是说,要完成缩放功能的话,只需
要将须要缩放的内容添加到 UIScrollView 中

UIScrollView 的缩放原理:
当用户在 UIScrollView 身上使用捏合手势时,UIScrollView 会给代理发送一条消息,询问代理究竟要缩放本身
内部的哪个子控件(哪一块内容)

clipboard.png

当用户在 UIScrollView 身上使用捏合手势时,UIScrollView 会调用代理的 viewForZoomingInScrollView:方法,这个方法返回的控件就是须要进行缩放的控件

缩放实现步骤:

  1. 设置 UIScrollView 的 id<UISCrollViewDelegate> delegate 代理对象

  2. 设置 minimumZoomScale :缩小的最小比例

  3. 设置 maximumZoomScale :放大的最大比例

  4. 让代理对象实现下面的方法,返回须要缩放的视图控件

- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView;

跟缩放相关的其余代理方法:
 缩放完毕的时候调用
-(void)scrollViewDidZoom:(UIScrollView *)scrollView

 正在缩放的时候调用
-(void)scrollViewWillBeginZooming:(UIScrollView )scrollView withView:(UIView )view

五、UIScrollView案例代码

一个简单的示例,用UIScrollView展现图片

//
//  ViewController.m
//  05-UIScrollView
//
//  Created by kaiyi wang on 16/8/31.
//  Copyright © 2016年 Corwien. All rights reserved.
//

#import "ViewController.h"

@interface ViewController ()
// @property(weak, nonatomic)
@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    // 建立UIScrollView
    UIScrollView *scrollView = [[UIScrollView alloc] init];
    
    // 可视范围,能看的见的范围是 400,460
    // 获取屏幕的宽高
    CGFloat screenW = [UIScreen mainScreen].bounds.size.width;
    CGFloat screenH = [UIScreen mainScreen].bounds.size.height;
    scrollView.frame = CGRectMake(0, 0, screenW , screenH);
    scrollView.backgroundColor = [UIColor grayColor];
    [self.view addSubview:scrollView];
    
    
     // 拿到图片的宽度和高度
    UIImageView *imageView = [[UIImageView alloc] init];
    imageView.image = [UIImage imageNamed:@"myImage.jpg"];
    CGFloat imgW = imageView.image.size.width;
    CGFloat imgH = imageView.image.size.height;
    
    // 设置控件位置大小
    imageView.frame = CGRectMake(0, 0, imgW, imgH);
    [scrollView addSubview:imageView];
    
     // 设置UIScrollView的滚动范围(内容大小)
    scrollView.contentSize = imageView.image.size;
    
    // 隐藏滚动条
    scrollView.showsVerticalScrollIndicator = NO;
    scrollView.showsHorizontalScrollIndicator = YES;
    
    // 设置弹簧效果
    // scrollView.bounces = NO; // 去掉弹簧效果
    
    
    // 结构体类型    make快速建立                up left down right
   // scrollView.contentInset = UIEdgeInsetsMake(50, 0, 0, 0);

}
@end

clipboard.png

完整项目代码,请看个人Github-Learning-iOS

相关文章
相关标签/搜索