UIScrollView的使用

时间：2015-12-18 21:05:27 阅读：382 评论：0 收藏：0 [点我收藏+]

6.9 UIScrollView

6.9.1 常用属性

//这个属性用来表示UIScrollView内容的尺寸，滚动范围（能滚多远）

self.scorllView.contentSize = CGSizeMake(imageW * IMAGE_COUNT, 0);

//这个属性用来表示UIScrollView滚动的位置

CGPoint offset = [self.scorllView contentOffset];

//设置UIScrollView滚动的位置

[self.scorllView setContentOffset:CGPointMake(-10, -10)]

[self.scorllView setContentOffset:CGPointMake(-10, -10) animated:YES];//动画效果

//设置或取消弹簧效果

self.scorllView.bounces = NO;

//这个属性能够在UIScrollView的4周增加额外的滚动区域

self.scorllView.contentInset = UIEdgeInsetsMake(10, 10, 20, 30);

//设置scrollView是否可以滚动

self.scorllView.scrollEnabled = NO;

//设置是否显示横向和纵向滚动条

self.scorllView.showsHorizontalScrollIndicator = NO;

self.scorllView.showsVerticalScrollIndicator = NO;

//设置分页

self.scrollView.pagingEnabled = YES;

//实现缩放，需设置初始大小和缩放比例

self.scrollView.contentSize = self.miniView.image.size;

self.scrollView.maximumZoomScale = 2.0;

self.scrollView.minimumZoomScale = 0.2;

(1) ScrollView属性

CGSize contentSize：设置UIScrollView的滚动范围

CGPoint contentOffset：UIScrollView当前滚动的位置

UIEdgeInsets contentInset：增加滚动视图四周的增加滚动范围

ScrollView属性

BOOL bounces?是否有弹簧效果

BOOL scrollEnabled?是否能滚动

BOOL showsHorizontalScrollIndicator?是否显示水平方向的滚动条

BOOL showsVerticalScrollIndicator?是否显示垂直方向的滚动条

UIScrollViewIndicatorStyle indicatorStyle?设定滚动条的样式

BOOL dragging?是否正在被拖拽

BOOL tracking?按住手指还没有开始拖动的时候值是YES，否则NO

BOOL decelerating?是否正在减速

BOOL zooming?是否正在缩放

(2) 手势缩放

[_scrollView setMinimumZoomScale:0.2]; // 指定最小缩放比例

[_scrollView setMaximumZoomScale:2.0]; // 指定最大缩放比例

[_scrollView setDelegate:self]; // 设置滚动视图的代理

#pragma mark 手势所发代理代理方法

// 缩放中的代理方法

- (void)scrollViewDidZoom:(UIScrollView *)scrollView{

NSLog(@"缩放中。。。");

}

// 缩放完成的代理方法

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

NSLog(@"缩放完成 %f", scale);

}

// 一定要记住：本代理方法的返回值就是“要缩放的视图对象”

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

return _imageView;

}

(3) 分页效果

要实现分页效果，将滚动视图的pagingEnabled属性设置为YES即可。设置该属性后滚动视图会被分割成多个独立的页面，用户原本的滚动体验会变成了页面切换的效果

UIPageControl分页控制控件（页面下面的小点点）

UIPageControl属性：

NSInteger numberOfPages：总页数

NSInteger currentPage：当前的页码

BOOL hidesForSinglePage：当只有一页的时候，是否要隐藏视图

UIColor *currentPageIndicatorTintColor：当前选中页面标示的颜色

UIColor *pageIndicatorTintColor：其他页面标示的颜色

代码式例：

// 增加分页控件

UIPageControl *pageControl = [[UIPageControl alloc]init];

[pageControl setBounds:CGRectMake(0, 0, 150.0, 50.0)];

[pageControl setCenter:CGPointMake(self.view.bounds.size.width / 2, self.view.bounds.size.height - 100.0)];

[pageControl setNumberOfPages:2];

[pageControl setCurrentPage:0];

[pageControl setCurrentPageIndicatorTintColor:[UIColor redColor]];

[pageControl setPageIndicatorTintColor:[UIColor blackColor]];

[pageControl addTarget:self action:@selector(updatePageChanged:) forControlEvents:UIControlEventValueChanged]; // 小圆点被点击方法

[self.view addSubview:pageControl];// 添加到视图中,而不是scroller中。

#pragma mark - 分页控件小圆点的监听方法

- (void)updatePageChanged:(UIPageControl *)pageControl{

CGFloat offsetX = pageControl.currentPage * _scroll.bounds.size.width;

[_scroll setContentOffset:CGPointMake(offsetX, 0) animated:YES];

}

#pragma mark - 滚动视图代理方法

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{

NSInteger pageNo = scrollView.contentOffset.x / scrollView.bounds.size.width;

[_pager setCurrentPage:pageNo];

}

6.9.2 UIScrollViewDelegate协议方法

//实现viewForZoomingInScrollView方法，返回要缩放的控件实现缩放，scrollview有多个图片时，只能缩放其中一个，返回那个图片就缩放那个图片

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

return self.miniView;

}

// 当 offset改变的时候，时时触发

- (void)scrollViewDidScroll:(UIScrollView *)scrollView

6.10 UIPageControl

//设置总页数

self.pageControl.numberOfPages = IMAGE_COUNT;

//设置当前页码

self.pageControl.currentPage = num;

UIScrollView的使用

原文：http://www.cnblogs.com/linxiu-0925/p/5058125.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)