您的位置:首页 > 产品设计 > UI/UE

UI基础:UIScrollView、UIPageControl

2015-07-11 18:56 429 查看
UIScrollView

UIScrollView 是可以滚动的视图,UIView本身不能滚动,子类UIScrollView扩展了滚动方面的功能.

UIScrollView 是所有滚动视图的基类.以后的UItableView,UITextView等视图都是继承于该类.

使用场景:显示不下(单张大图);内容太多(图文混排);滚动头条(图片);相册等.

效果如图:



UIScrollView的核心功能:

UIScrollView主要专长两个方面:

滚动:contentSize大于frame.size的时候,能够滚动.

缩放:自带缩放,可以指定缩放倍数.

UIScrollView滚动相关属性

contentSize //定义内容区域大小,决定是否能够滑动

contentOffset //视图左上角距离坐标原点的偏移量

scrollToTop //滑动到顶部(点击状态条的时候)

pagingEnabled //是否整屏翻动

boundces //边界是否回弹

scrollEnabled //是否能够滚动

showsHorizontalScrollIndicator //控制是否显示水平方向的滚动条

showVerticalScrollIndicator //控制是否显示垂直方向的滚动条

alwaysBounceHorizontal //控制水平方向遇到边框是否反弹

alwaysBounceVertical //控制垂直方向遇到边框是否反弹

minimumZoomScale //缩小的最小比例

maximumZoomScale //放大的最大比例

zoomScale //设置变化比例

zooming //判断是否正在进行缩放反弹

bouncesZoom //判断缩放时是否会反弹

要实现缩放,还需要实现delegate,指定缩放的视图是谁。

UIScrollView代理方法





UIPageControl

用于指示当前第几页,通常与UIScollView配合使用

效果如下图红框所示:



UIPageControl

currentPage //当前页

numberOfPages //指定页面的个数

UIPageControl父类是UIControl

所以,可以像button一样添加事件,只不过事件触发使用是UIControlEventsValueChanged,而不是UIControlEventsTouchUpInside。

UIPageControl和 UIScrollView相结合

通常在Scrollview滚动的时候修改pageControl的currentPage。如首页的轮播图

总结:

contentSize决定了scrollView能否滚动,contentOffset控制内容区域 的偏移量,pageEnabled控制能否整⻚滚动。

scrollView实现缩放需要指定最⼤缩放系数,最⼩缩放系数,并指定 缩放的视图。

pageControl不单独使⽤,通常与scrollView结合使⽤。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: