iOS- UIScrollView、UIPageControl分页浏览图片
2014-02-16 14:33
204 查看
1.先介绍下UIScrollView的常见属性
@property(nonatomic) CGPoint contentOffset; // 记录UIScrollView滚动的位置 @property(nonatomic) CGSize contentSize; // 内容尺寸(能滚动的范围) @property(nonatomic) UIEdgeInsets contentInset; // 额外增加的滚动区域(在上下左右4个边缘) @property(nonatomic,assign) id<UIScrollViewDelegate> delegate; // 代理对象 @property(nonatomic) BOOL bounces; // 是否有弹簧效果 @property(nonatomic) BOOL showsHorizontalScrollIndicator; // 是否显示水平滚动条 @property(nonatomic) BOOL showsVerticalScrollIndicator; // 是否显示垂直滚动条
2.分页浏览的实现
2.1.把需要显示的图片设置进UIScrollView
CGFloat w = self.view.frame.size.width; CGFloat h = self.view.frame.size.height; for (int i = 0; i< kCount; i++) { UIImageView *imageView = [[UIImageView alloc] init]; // 1.设置frame imageView.frame = CGRectMake(i * w, 0, w, h); // 2.设置图片 NSString *imgName = [NSString stringWithFormat:@"0%d.jpg", i + 1]; imageView.image = [UIImage imageNamed:imgName]; [_scrollView addSubview:imageView];
2.2.设置UIScrollView的相关属性
属性在文章的开头有介绍// height == 0 代表 禁止垂直方向滚动 _scrollView.contentSize = CGSizeMake(kCount * w, 0); _scrollView.showsHorizontalScrollIndicator = NO; _scrollView.pagingEnabled = YES; _scrollView.delegate = self;
2.3.设置UIPageControl的相关属性,计算页码
UIPageControl *pageControl = [[UIPageControl alloc] init]; pageControl.center = CGPointMake(w * 0.5, h - 20); pageControl.bounds = CGRectMake(0, 0, 150, 50); pageControl.numberOfPages = kCount; // 一共显示多少个圆点(多少页) // 设置非选中页的圆点颜色 pageControl.pageIndicatorTintColor = [UIColor redColor]; // 设置选中页的圆点颜色 pageControl.currentPageIndicatorTintColor = [UIColor blueColor]; // 禁止默认的点击功能 pageControl.enabled = NO; [self.view addSubview:pageControl]; _pageControl = pageControl;
2.4.滚动时切换页码
#pragma mark - UIScrollView的代理方法 #pragma mark 当scrollView正在滚动的时候调用 - (void)scrollViewDidScroll:(UIScrollView *)scrollView { int page = scrollView.contentOffset.x / scrollView.frame.size.width; // NSLog(@"%d", page); // 设置页码 _pageControl.currentPage = page; }
作者: 清澈Saup
出处: http://www.cnblogs.com/qingche/
本文版权归作者和博客园共有,欢迎转载,但必须保留此段声明,且在文章页面明显位置给出原文连接。
相关文章推荐
- IOS UIScrollView
- IOS中表格的实现方法:UIScrollView+UILabel
- iOS UISCrollView循环滚动 实现
- iOS开发经验--UIScrollview 添加到控制器里向下偏移 storyboard中创建的 子视图 中 添加的子视图 会遮挡父类之间的视图
- iOS UIScrollViewDelegate
- IOS开发~UISCrollView与UITableView嵌套使用终极解决方案
- iOS开发UI篇—UIScrollView控件实现图片缩放功能
- iOS中UIScrollView嵌套UIImageView实现图片滑动浏览、缩放
- iOS:UIScrollView控件和UIPageControl控件的详解
- iOS 11.0之后,UIScrollView顶部空20像素
- iOS瀑布流(UIScrollView或UITableView)和解决运行不流畅的问题
- iOS UIScrollView循环拖动的思路和实现方法
- ios通用上下刷新,适用UIView,UIScrollView...
- IOS之UIScrollView分页无限循环滚动框架
- IOS学习之自动布局UIScrollView+UILabel
- 【学习ios之路:UI系列】实现轮播图效果(UIImageView,UIScrollView,UIPageControl,NSTimer相结合)
- IOS开发—UIScrollView的contentSize、contentInset、contentOffset的理解
- (2) IOS笔记本----UIScrollView的基本应用
- 关于iOS UIScrollView放大的问题
- iOS开发 -UIScrollView详解