UIScrollView滚动视图
一 滚动视图
／／创建对象
UIScrollView ＊scrollView ＝ ［［UIScrollView alloc］initWithFrame：CGRectMake（0，0，375，667）］；
／／滚动视图的背景颜色
scrollView。backgroundColor ＝
／／设置内容区域
／／非常重要是一个属性决定滚动视图是垂直滑动还是水平滑动
scrollView。contentSize ＝ CGSizeMake（375 ＊ 3， 667）；／／水平滑动，内容区域为三个屏幕的宽
／／设置偏移量，决定了一上来显示的是哪一张图，是非常重要的属性 我们之后学习的循环滚动全部是根据这一属性
scrollVIew。contentOffset ＝ CGPointMake（0，0）；
／／设置是否整屏翻动（以视图的宽为基准）
／／默认为NO
scrollView。pagingEnabled ＝ YES；
／／设置边界是否回弹
／／默认的是YES 设置成NO之后 第一张手势向右滑不动 最后一张手势向左滑不动
scrollView。bounces ＝ NO；
／／如果设置成垂直滑动的时候 点击状态栏 会回到顶部是系统自带的属性默认是YES 滚动视图必须是垂直滚动
scrollView。scrollsToTop ＝ YES；
//设置水平滚动条是否显示 默认是YES
scrollView。showsHorizontalScrollIndicator ＝ NO；
／／设置垂直滚动条是否显示
scrollView。showsVerticalScrollIndicator ＝ NO；
//设置代理－－UIScrollViewDelegate
scrollView。delegate ＝ self；
／／设置最小缩放比例
scrollView。minimumZoomScale ＝ 0.5；
／／设置最大放大比例
scrollView。maximumZoomScale ＝ 2；
／／将滚动视图添加到根视图上
二 在UIScrollView上循环创建三张imageView
for （int i＝ 0；i < 3; i ++）{
//先创建三张小的scrollView 每个上面添加一张imageVIew，用于每张图片都可以实现放大和缩小
UIScrollView ＊smallScrollView ＝ ［UIScrollView alloc］initWithFrame：CGRectMake（375 ＊ i ，0，375， 667）］；
／／设置代理
smallScrollView。delegate ＝ self；
／／scrollview 自带放大缩小功能
／／设置最小缩放比例，最大缩放比例
［scrollView addSubview：smallScrollView］；
／／设置循环imageView
NSString ＊imageName ＝ ［NSString stringWithFormat：@“％d。png”，i ＋ 1］；／／图片名称
UIImageView ＊imageView ＝ ［UIImageView alloc］initWithImage：［UIImage imageNamed：imageName］；
imageView。frame ＝
［smallScrollView addSubview：imageView］；
}
三 UIPageControl －－－－分页视图
UIPageControl ＊page ＝ ［］
//page 的背景颜色
page，backgroundColor ＝ ［UIColor brownColor］；／／棕色
／／设置有几个分页
page。numberOfPages ＝ 3；
／／设置当前小圆点的颜色
page。currentPageIndicatorTintColor ＝ ［］；
／／设置非当前小圆点的颜色
page。pageIndicatorTintColor ＝
／／设置当前页（重要属性）
／／一定要用在设置分页之后
page。currentPage ＝ 0；／／页码是从0开始数的
／／添加事件
／／pageControl 都是和scrollView结合使用的
／／page 的当前页要和scrollView 偏移量对应上
［page addTarget：self action：@selector（pageAction：）forControlEvents：UIControlEventValueChanged］；
［self.view addSubview：page］；
#pragma mark --- pageControl触发事件 ---
- (void)pageAction:(UIPageControl *)page
{
// NSLog(@"娃哈哈");
// 取出大S 根据page的当前页 改变大S的偏移量
UIScrollView *bigScrollView = self.view.subviews[0];
// NSLog(@"%ld", page.currentPage);
// 偏移量X值 = 当前页 * 视图的宽
bigScrollView.contentOffset = CGPointMake(page.currentPage * 375, 0);
// 添加滑动 图片动画效果
//[bigScrollView setContentOffset:CGPointMake(page.currentPage * 375, 0) animated:YES];
}
#pragma mark --- 允许哪个视图可以进行缩放 ---
// 我们放大缩小的一般情况下 是一张图片
// 我们要将大的scrollView上面 放小的scrollView 然后在每一个小的scrollView上面放一张图片 这样 每一张图片都可以进行缩放
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView
{
return scrollView.subviews[0];//缩放的是小的滚动视图，小的滚动视图缩放后对应多imageView也缩放
}
#pragma mark --- 进行缩放会被触发的方法(根据中心点进行缩放)--
- (void)scrollViewDidZoom:(UIScrollView *)scrollView
{
// NSLog(@"进行缩放");
// 取出小scrollView的imageView，方法中的scrollView就是小的，只有小的才进行缩放，然后下面取的也是小的子视图
// 缩小的情况下才根据中心点缩小
// 放大的情况下 不需要根据中心店放大
if(scrollView.zoomScale <= 1)
{
UIImageView *imageView = scrollView.subviews[0];
imageView.center = CGPointMake(scrollView.frame.size.width / 2, scrollView.frame.size.height / 2);
}
// 代理方法的执行顺序
// 开始拖拽 -> 滚动 -> 结束拖拽 -> 开始减速 -> 滚动 -> 结束减速
#pragma mark --- 开始滚动会触发的方法 ---
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
// NSLog(@"开始滚动");
}
#pragma mark --- 开始拖拽会触发的方法 ---
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
// NSLog(@"开始拖拽");
}
#pragma mark --- 结束拖拽会触发的方法----
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
// NSLog(@"结束拖拽");
}
#pragma mark --- 开始减速 ---
- (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView
{
// NSLog(@"开始减速");
}
#pragma mark --- 结束减速 ----
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
// NSLog(@"结束减速");
// // 取出page 根据scroll的X 改变当前页
// UIPageControl *page = self.view.subviews[1];
// // 当前页 = 大s的偏移量X值 / 视图的宽
// page.currentPage = scrollView.contentOffset.x / 375;
// UIScrollView *bigScrollView = self.view.subviews[0];
// if(![bigScrollView isEqual:scrollView])
// {
// return;
// }
UIPageControl *page = self.view.subviews[1];
page.backgroundColor = [UIColor redColor];
for (UIScrollView *smallScrollView in scrollView.subviews)
{
if (page.currentPage != scrollView.contentOffset.x / 375)
{
smallScrollView.zoomScale = 1;
}
}
page.currentPage = scrollView.contentOffset.x / 375;
// 大S和小S 都设置了代理 当我们把视图缩小的时候 传进来的参数是我们的大S 此时大S 装的是小S 所以能够调用zoomScale 方法
// 当我们把视图放大的时候 小S的内容 会被撑大 那么滚动就是小S 传进来的参数 也是
/*
UIScrollView *bigScrollView = self.view.subviews[0];
if(![bigScrollView isEqual:scrollView])
{
return;
}
for (UIScrollView *smallScrollView in scrollView.subviews)
{
smallScrollView.zoomScale = 1;
}
*/
}
