IOSUI滚动视图（UIScrollView）

1 #import "ViewController.h"
2 /*
3 1.UIScrollView控件是什么？
4 （1）移动设备的屏幕?小是极其有限的,因此直接展示在?用户眼前的内容也相当有限
5 （2）当展?的内容较多,超出一个屏幕时,?用户可通过滚动手势来查看屏幕以外的内容
6 （3）普通的UIView不具备滚动功能,不能显示过多的内容
7 （4）UIScrollView是一个能够滚动的视图控件,可以用来展?大量的内容,并且可以通过滚动查看所有的内容
8 （5）举例:手机上的“设置”、其他?示例程序
9
10 2.UIScrollView的简单使用
11 （1）将需要展?的内容添加到UIScrollView中
12 （2）设置UIScrollView的contentSize属性,告诉UIScrollView所有内容的尺?,也就是告诉 它滚动的范围(能滚多远,滚到哪?是尽头)
13
14 3.属性
15 （1）常用属性：
16 1）@property(nonatomic)CGPointcontentOffset; 这个属性?用来表?UIScrollView滚动的位置
17 2）@property(nonatomic)CGSizecontentSize;这个属性?用来表?UIScrollView内容的尺?,滚动范围(能滚多远)
18 3）@property(nonatomic)UIEdgeInsetscontentInset; 这个属性能够在UIScrollView的4周增加额外的滚动区域
19 （2）其他属性：
20 1）@property(nonatomic) BOOL bounces; 设置UIScrollView是否需要弹簧效果
21 2）@property(nonatomic,getter=isScrollEnabled)BOOLscrollEnabled; 设置UIScrollView是否能滚动
22 3）@property(nonatomic) BOOL showsHorizontalScrollIndicator; 是否显?水平滚动条
23 4）@property(nonatomic) BOOL showsVerticalScrollIndicator; 是否显?垂直滚动条
24
25 4.注意点
26 如果UIScrollView?无法滚动,可能是以下原因:
27
28 （1）没有设置contentSize
29 （2） scrollEnabled = NO
30 （3） 没有接收到触摸事件:userInteractiOnEnabled= NO
31 （4）没有取消autolayout功能(要想scrollView滚动,必须取消autolayout)
32
33 5.重要说明
34 （1）UIScrollView的frame与contentsize属性的区分：UIScrollView的frame指的是这个scrollview的可视范围（可看见的区域），contentsize是其滚动范围。
35 （2）contentInset（不带*号的一般不是结构体就是枚举），为UIScrollView增加额外的滚动区域。（上，左，下，右）逆时针。contentinset可以使用代码或者是视图控制器进行设置，但两者有区别（注意区分）。
36 （3）contentsize属性只能使用代码设置。
37 （4）contentoffset是个CGpoint类型的结构体，用来记录ScrollView的滚动位置，即记录着“框”跑到了哪里。知道了这个属性，就知道了其位置，可以通过设置这个属性来控制这个“框”的移动。
38 （5）不允许直接修改某个对象内部结构体属性的成员，三个步骤（先拿到值，修改之，再把修改后的值赋回去）。
39 （6）增加了额外区域后，contentoffset的原点在哪里？
40
41
42 */
43
44 @interface ViewController ()
45
46 {
47 UIScrollView *_scrollView;
48 }
49
50 @end
51
52 @implementation ViewController
53
54 - (void)viewDidLoad {
55 [super viewDidLoad];
56 //1.创建UISrollView
57 // frame中的size指UIScrollView的可视范围
58 UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(100, 200, self.view.frame.size.width-200, 200)];
59 scrollView.backgroundColor = [UIColor cyanColor];
60 [self.view addSubview:scrollView];
61
62 //2.创建UIImageView(图片)
63 UIImageView *imageView = [[UIImageView alloc] init];
64 //获取图片路径
65 NSString *path = [[NSBundle mainBundle] pathForResource:@"bg.png" ofType:nil];
66 //NSLog(@"%@",path);
67 //通过路径加载图片
68 imageView.image = [UIImage imageWithContentsOfFile:path];
69 //根据图片的尺寸设置frame
70 CGFloat imgW = imageView.image.size.width;
71 CGFloat imgH = imageView.image.size.height;
72 imageView.frame = CGRectMake(0, 0, imgW, imgH);
73 [scrollView addSubview:imageView];
74
75 //3.设置UIScrollView属性
76
77 //设置UIScrollView的滚动范围（内容大小）
78 scrollView.cOntentSize= imageView.frame.size;
79
80 //隐藏水平滚动条
81 scrollView.showsHorizOntalScrollIndicator= NO;
82 //隐藏垂直滚动条
83 scrollView.showsVerticalScrollIndicator = NO;
84 //去除弹簧效果
85 scrollView.bounces = NO;
86 //记录scrollView滚动的位置
87 scrollView.cOntentOffset= CGPointMake(200, 100);
88 // 设置scrollView的4周增加额外的滚动区域
89 //scrollView.cOntentInset= UIEdgeInsetsMake(20, 20, 20, 20);
90
91 _scrollView = scrollView;
92 }
93
94 - (void)didReceiveMemoryWarning {
95 [super didReceiveMemoryWarning];
96 }
97
98 @end