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

UI:UIScrollView、UIPageControl

2015-09-07 09:52 495 查看
一、UIScrollView的常⽤用属性

二、UIScrollView的常⽤用代理方法

三、UIPageControl的使⽤用

四、UIPageControl与UIScrollView的结合使⽤用

UIScrollView是可以滚动的view,UIView本⾝身不能滚动,是UIView的子类

UIScrollview拓展了滚动⽅方⾯面的功能。 UIScrollView是所有滚动视图的基类。UITableView,UITextView等视图都是继承于该类。

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

UIScrollview主要专⻓长于两个方⾯:

滚动:contentSize⼤大于frame.size的时候,能够滚动。 缩放:⾃自带缩放,可以指定缩放倍数。

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

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

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

pagingEnabled //是否整屏翻动

bounces //边界是否回弹

scrollEnabled //是否能够滚动

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

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

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

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

minimumZoomScale // 缩⼩小的最⼩小⽐比例

maximumZoomScale //放⼤大的最⼤大⽐比例

zoomScale //设置变化⽐比例

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

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

- (void)scrollViewDidScroll:(UIScrollView
*)scrollView


滚动就会触发

- (void)scrollViewWillBeginDragging:
(UIScrollView *)scrollView


开始拖拽时触发

- (void)scrollViewDidEndDragging:(UIScrollView
*)scrollView  willDecelerate:(BOOL)decelerate


结束拖拽时触发

- (void)scrollViewWillBeginDecelerating:
(UIScrollView *)scrollView


开始减速时触发

- (void)scrollViewDidEndDecelerating:
(UIScrollView *)scrollView


结束减速时触发
(停⽌止时)


- (void)scrollViewDidEndZooming:(UIScrollView
*)scrollView withView:(UIView *)view atScale:
(float)scale


完成放⼤大缩⼩小触 发

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


指定某个

UIScrollVie w的⼦子视图可以 被放⼤大缩⼩小

UIPageControl

UIPageControl与UILabel相似 ⽤用于指⽰示当前第⼏⻚ 通常与UIScrollView配合使⽤用

currentPage //当前页

numberOfPages //指定⻚页⾯面的个数

UIPageControl从类名中可以看出,其⽗父类是UIControl 。所以可以像button⼀一样添加事件,只不过事件触发使⽤用的不是 UIControlEventsTouchUpInside⽽而是 UIControlEventsValueChanged。

通常在Scrollview滚动的时候修改pageControl的currentPage

使⽤用场景:引导⻚页,⾸首⻚页的轮播图等

contentSize决定了scrollView能否滚动,contentOffset控制内容区域的偏移量,pageEnabled控制能否整⻚页滚动。 scrollView实现缩放需要指定最⼤大缩放系数,最⼩小缩放系数,并指定

缩放的视图。 pageControl不单独使⽤用,通常与scrollView结合使⽤用。

#ifndef UseDemo_MacroHeader_h
#define UseDemo_MacroHeader_h

//该文件可以定义工程里所有用到的宏 在需要的时候直接 导入该文件即可

//定义在 FirstLaunViewController.m里定义的 宏
#define kScreenWidth [[UIScreen mainScreen]bounds].size.width
#define kScreenHeight  [[UIScreen mainScreen]bounds].size.height
#define kImageCount 6   //好处是方便每次修改图片的张数
#define kPictureName   @"v6_guide_%d"
#define kPictureType   @"png"
#define FIRST @"firstLaunch"

#endif


View Code MacroHeader.m 宏定义页面
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: