我的iOS学习历程 - UIScrollView和UIPageControl

原创 2015年11月21日 11:33:37

今天学习的是UISCrollView,可以滑动的页面基本都是继承于它,轮播图实现源代码点击这里下载

把屏幕宽和高设置为宏定义

#define kScreenHeight [UIScreen mainScreen].bounds.size.height
#define kScreenWidth [UIScreen mainScreen].bounds.size.width

UIScrollView

最重要的就是偏移量的使用,偏移量可以联系起其中的每个页面
1.初始化

UIScrollView *scrollView = [[UIScrollView alloc]initWithFrame:[UIScreen mainScreen].bounds];

2.设置显示内容区域(滑动的范围)

scrollView.contentSize = CGSizeMake(kScreenWidth, kScreenHeight);

3.设置滚动条

scrollView.showsVerticalScrollIndicator = NO;  //  纵向
scrollView.showsHorizontalScrollIndicator = NO;//  横向

4.设置回弹效果(默认关闭,且要先打开总得才能设置水平和竖直的)

    scrollView.bounces = YES;
    scrollView.alwaysBounceHorizontal = YES;//  水平
    scrollView.alwaysBounceVertical = NO;//  竖直

5.设置缩放比列

    scrollView.minimumZoomScale = 0.5;
    scrollView.maximumZoomScale = 2;

6.设置代理(要设置代理才能完成代理中的方法)

scrollView.delegate = self;

UIScrollView常用的方法:

- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
//    NSLog(@"滑动时一直触发此方法");
}

- (void)scrollViewDidZoom:(UIScrollView *)scrollView {
    NSLog(@"缩放时一直触发此方法");
    //  缩放时 按中心点缩放
    //  让imageView中心点 始终等于self.view中心点
    UIImageView *imageView =  scrollView.subviews[0];
    imageView.center = self.view.center;
}

- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView {
    //  指定要缩放的视图 并且是scrollView的子视图
    //  缩放需要写代理方法和设置比例

    return scrollView.subviews[0];
}

- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView {
    NSLog(@"将要开始拖拽触发");
}

- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset {
    NSLog(@"已经结束拖拽触发");
}

- (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView {
    NSLog(@"将要开始减速触发");
}

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {
    //  最终图片停止在这个方法
    NSLog(@"已经结束减速触发");
}

- (void)scrollViewDidEndZooming:(UIScrollView *)scrollView withView:(UIView *)view atScale:(CGFloat)scale {
    NSLog(@"缩放已经结束触发");
}

- (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView {
    //  改变偏移量的动画结束后 会触发
    NSLog(@"动画结束后触发");
}

UIPageControl

1.初始化

UIPageControl *pageControl = [[UIPageControl alloc] initWithFrame:CGRectMake(0, kScreenHeight - 50, kScreenWidth, 50)];

2.设置一共有多少页(默认0)

pageControl.numberOfPages = 5;

3.设置当前显示第几页(默认从0开始)

pageControl.currentPage = 1;

4.设置选中和未选中颜色

pageControl.pageIndicatorTintColor = [UIColor greenColor]; 
pageControl.currentPageIndicatorTintColor = [UIColor yellowColor];

要添加点击事件来联系对应的页面

//  添加点击事件
    [pageControl addTarget:self action:@selector(pageControlAction:) forControlEvents:(UIControlEventValueChanged)];
//  点击事件的实现
- (void)pageControlAction
:(UIPageControl *)pageControl {
    NSLog(@"%ld",pageControl.currentPage);
}

最后会上传一个两个控件的联系的使用,把大部分的方法实现,实现一个轮播图.源代码标题下载

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

iOS学习之UIScrollView及UIPageControl的使用

仅供自己学习笔记参考 效果图: 布局: 主要代码: #import "ViewController.h" @interface ViewController () @end ...

iOS UIScrollView and UIPageControl

  • 2015年08月20日 15:43
  • 7.2MB
  • 下载

Objective-C-iOS UIScrollView UIPageControl 的用法详解

- (void)viewDidLoad {     [super viewDidLoad];     //UIView是视图类,所有的控件都直接或间接地继承它   ...

iOS中UIScrollView和UIPageControl以及NSTimer的综合使用

在iOS开发中,我们经常会用到UISCrollView和UIPageControl 下面的demo实现了两者加上NSTimer定时器之后的功能 // // ViewController.m // ...

iOS 滚动视图(UIScrollView) UIPageControl

1.类名:UIScrollView,多个页面实现的原理,位置不变,内容改变。 用滚动视图点击查看大图片  //   1.查看大图片     UIScrollView *scoll = [[UIS...

[iOS]UIScrollView 与 UIPageControl实现简单相册功能

通过学习UIscrollView,

IOS 之 UIScrollView,UIPageControl

UIScrollView 可以用于显示多于一个屏幕的内容,超出屏幕范围的内容可以通过滑动进行查看,UIPageControl 类提供一行点来指示当前显示的是多页面视图的哪一页。下面实现一个简单的图片自...

IOS基础UI之(九) UIPageControl结合UIScrollView实现分页效果

上一章已经介绍了UIScrollView,现在使用 UIPageControl结合UIScrollView实现分页效果。话不多说,马上看看!!!  一: UIPageControl属性和方法 ...

iOS中UIScrollView和UIPageControl的使用

对于iOS开发初学者来学,能够了解和使用UI控件,对将来的开发是非常重要的.滚动视图在我们的移动设备上很常见,无论是图片视图,阅读器的上下滚动,还是页面的滚动.学好它,对软件的开发有很大的帮助....
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:我的iOS学习历程 - UIScrollView和UIPageControl
举报原因:
原因补充:

(最多只允许输入30个字)