UIScrollView的基本使用

UIScrollView

• 基本的属性

//这个属性用来表示UIScrollView滚动的位置、其实就是内容左上角与scrollView左上角的间距值）
@property(nonatomic) CGPoint contentOffset; 

//这个属性用来表示UIScrollView内容的尺寸，滚动范围（能滚多远）
@property(nonatomic) CGSize contentSize; 

//这个属性能够在UIScrollView的4周增加额外的滚动区域，一般用来避免scrollView的内容被其他控件挡住
@property(nonatomic) UIEdgeInsets contentInset; 

• 常用的属性

//设置UIScrollView是否需要弹簧效果
@property(nonatomic) BOOL bounces;

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

//是否显示水平滚动条
@property(nonatomic) BOOL showsHorizontalScrollIndicator;

//是否显示垂直滚动条
@property(nonatomic) BOOL showsVerticalScrollIndicator;

• 各个属性的图解

Scrollview的重要属性

• contentSize: 显示的尺寸

• 假如scrollView的frame.size是100x100，那么在contentSize的width和height设置的数值小于frame.size的宽和高的时候是不能滑动的，因为scrollView的frame已经能够显示它内部的内容，必须要设置比frame.size的宽高大，假如设置为150x150，那么它以后能够展示的区域就是150x150

• 不设置contentSize不能滚动的原因：因为默认是contentSize = CGSizeMake(0,0);所以水平和垂直方向上都不能滚动

• scrollView滚动是里面的view在滚动，在frame.size内滚动

• contentOffSet : 滚动的偏移量

• scrollView的基本原理 : scrollView的滑动显示主要依靠一个显示的窗口和内部用于盛放子控件的view，拖拽view在窗口中显示

• 偏移量 : contentOffSet是在拖拽view的过程中计算出view的左上角的坐标和窗口的左上角的坐标之差，从而知道scrollView内部的view已经滚动到哪里了

• 一开始的时候contentOffSet的值是(0，0)，所以view的左上角和窗口的左上角是重合的

• contentOffSet指的是view的左上角和窗口的左上角之差，并不是view的外部扩展的区域和窗口左上角之差，但是调节contentOffSet的时候整个后面的view和扩展的部分都会移动(个人认为基本没什么区别)

• 偏移量的正负 : 在view的拖拽过程中，如果是向左/上拖拽的偏移量为正，否则为负，如果是往右/下拖拽的为负(一个是往窗口的外部扩展、一个是往窗口的内部缩进)

• contentInset ： 外边距

• contentInset为scrollView的view增加了周围的额外的滚动距离，这样的好处是在窗口的一小部分被遮盖了的时候使用这个属性为这个方向向外扩展一段距离，然后再调整偏移量就ok。这样就可以看到全部的内容了

Scrollview的应用

控件悬停和下拉放大

• 控件悬停:监听scrollView的滑动到一定的值将控件移动到其他的view，反之再次移动到scrollView上
• 下拉放大:监听scrollView的滑动的值将view的scale改变

ScrollView注意点

• 背景色设置:scrollView在xib中设置的背景不会立即生效，只有在运行后才能显示背景色
• 滚动条:在xib中拖的scrollView就算不能滚动，也会有水平和垂直的滚动条，通过代码创建的则不会有默认的水平和垂直的滚动条

• 一个简单的图片轮播器 密码:9wwr