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