13-常见UI控件之 UIPageControl分页

原创 2015年07月09日 20:41:51

UIPageControl

1.   numberOfPages // 设置有多少页 默认为0

// 2) 设置页数
   [pageControl setNumberOfPages:kImageCount];

2.   currentPage  // 设置当前页

[pageControl setCurrentPage:0];
 

3.   pageIndicatorTintColor // 设置页码指示器颜色

 [pageControl setPageIndicatorTintColor:[UIColor blackColor]];

4.   currentPageIndicatorTintColor // 设置当前页码指示器颜色

 
[pageControl setCurrentPageIndicatorTintColor:[UIColor redColor]];
 
5. 添加分页控件的监听事件(监听值改变事件)
[pageControl addTarget:self action:@selector(pageChanged:)forControlEvents:UIControlEventValueChanged];
 


//    创建分页控件
    pageControl=[[UIPageControlalloc]initWithFrame:CGRectMake(0,250-10,375, 20)];
   
    pageControl.numberOfPages=imageNames.count;
   
    pageControl.currentPage=0;
   
    [pageControl addTarget:self action:@selector(pageAction:) forControlEvents:UIControlEventValueChanged];

    [headerView addSubview:pageControl];


-(void)pageAction:(UIPageControl*)pageControl{
   
    int page=pageControl.currentPage;
   
//    设置偏移量
//    [_scrollView setContentOffset:CGPointMake(page*375, 0) animated:YES];
   
//    滚动到某一个矩形区域,横向需要设置x偏移量,竖向设置y
    [_scrollView scrollRectToVisible:CGRectMake(page*375,0, 375,250) animated:YES];
}
 

//可以判断此协议,结束减速后在修改pageControl.currentPage
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
    if (_scrollView==scrollView) {
       
        pageControl.currentPage = scrollView.contentOffset.x/375;
       
        currentPage;
    }

}

////////////////////////////////////////图片轮播器////////////////////////////////////////


@interface MJViewController () <UIScrollViewDelegate>
@property (weak,nonatomic) IBOutlet UIScrollView *scrollView;
@property (weak,nonatomic) IBOutlet UIPageControl *pageControl;
/**
 * 
定时器
 */

@property (nonatomic,strong) NSTimer *timer;
@end

@implementation MJViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
   
    // 0.一些固定的尺寸参数
    CGFloat imageW = self.scrollView.frame.size.width;
    CGFloat imageH = self.scrollView.frame.size.height;
    CGFloat imageY = 0;
   
    // 1.添加5张图片到scrollView
    for (int i =0; i<MJImageCount; i++) {
        UIImageView *imageView = [[UIImageViewalloc] init];
       
        // 设置frame
        CGFloat imageX = i * imageW;
        imageView.frame = CGRectMake(imageX, imageY, imageW, imageH);
       
        // 设置图片
        NSString *name = [NSStringstringWithFormat:@"img_0%d", i +1];
        imageView.image = [UIImageimageNamed:name];
       
        [self.scrollViewaddSubview:imageView];
    }
   
    // 2.设置内容尺寸
    CGFloat contentW = MJImageCount * imageW;
    self.scrollView.contentSize =CGSizeMake(contentW, 0);
   
    // 3.隐藏水平滚动条
    self.scrollView.showsHorizontalScrollIndicator =NO;
   
    // 4.分页
    self.scrollView.pagingEnabled =YES;
//    self.scrollView.delegate = self;
   
    // 5.设置pageControl的总页数
    self.pageControl.numberOfPages =MJImageCount;
   
    // 6.添加定时器(每隔2秒调用一次selfnextImage方法)
    [self addTimer];
}

/**
 * 
添加定时器
 */

- (void)addTimer
{
    self.timer = [NSTimerscheduledTimerWithTimeInterval:2.0target:selfselector:@selector(nextImage)userInfo:nilrepeats:YES];
    [[NSRunLoop currentRunLoop] addTimer:self.timerforMode:NSRunLoopCommonModes];
}

/**
 * 
移除定时器
 */

- (void)removeTimer
{
    [self.timerinvalidate];
    self.timer =nil;
}

- (void)nextImage
{
    // 1.增加pageControl的页码
    int page = 0;
    if (self.pageControl.currentPage ==MJImageCount - 1) {
        page = 0;
    } else {
        page = self.pageControl.currentPage +1;
    }
   
    // 2.计算scrollView滚动的位置
    CGFloat offsetX = page * self.scrollView.frame.size.width;
    CGPoint offset = CGPointMake(offsetX, 0);
    [self.scrollViewsetContentOffset:offset animated:YES];
}

#pragma mark - 代理方法
/**
 * 
scrollView正在滚动就会调用
 */

- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
    // 根据scrollView的滚动位置决定pageControl显示第几页
    CGFloat scrollW = scrollView.frame.size.width;
    int page = (scrollView.contentOffset.x + scrollW *0.5) / scrollW;
    self.pageControl.currentPage = page;
}

/**
 * 
开始拖拽的时候调用
 */

- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
    // 停止定时器(一旦定时器停止了,就不能再使用)
    [self removeTimer];
}

/**
 * 
停止拖拽的时候调用
 */

- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
    // 开启定时器
    [self addTimer];
}

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

相关文章推荐

UIPageControl改变小圆点的问题

今天开发遇到了UIPageControl, 发现默认的小圆点(页码标示), 是看不到的, 除非设置背景色或者在有色背景上. 所以就想着就去改变其颜色, 网上搜了一大堆, 统一的方式就两种(本人测试两...

(九)UIScrollView和PageControl的分页

涉及到内容的滚动与拖拽,使用UIScrllView。 对于滚动的多张图片,由于超出屏幕,应该使用代码添加代码。 添加的细节是:图片的宽高即为滚动视图的宽高,图片的y=0,x=图片的序号乘以图片的宽度。...

6 个基于 jQuery 的表单向导插件推荐

表单向导可以很好地引导用户进行一步一步的操作,从而降低用户错误输入的几率。尽管互联网中有大量的类似插件,但真正好用的不多。 本文整理了6个比较优秀的表单向导插件,希望能够为你带来帮助。 ...

漂亮的表格样式(使用CSS样式表控制表格样式)

转载地址:http://blog.csdn.net/wallimn/article/details/2212916 感谢原作者 依照WEB2.0风格,设计了几个表格样式,希望大家喜欢。 WEB2...

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

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

Swift编程-UI控件-UIPageControl

  • 2015年10月12日 09:21
  • 84.96MB
  • 下载

UI控件篇——UIPageControl及其自定义

UIPageControl类提供一行点来指示当前显示的是多页面视图的哪一页。当然,由于UIPageControl类可视样式的点击不太好操作,所以最好是确保再添加了可选择的导航选项,以便让页面控件看起来...

【IOS 开发学习总结-OC-59】UI控件——UIPageControl 与UIPageViewController

【IOS 开发学习总结-OC-58】UI控件——UIPageControl 与UIPageViewControllerUIPageControl——页控件是个由 N个小圆点组成的简单控件。——每个小圆...

UI控件篇——UIPageControl及其自定义

UIPageControl类提供一行点来指示当前显示的是多页面视图的哪一页。当然,由于UIPageControl类可视样式的点击不太好操作,所以 最好是确保再添加了可选择的导航选项,以便让页面控件看起...
  • guozh
  • guozh
  • 2012年08月27日 12:13
  • 4234

iOS学习笔记-020.UIPageControl分页控件

UIPageControl分页控件一、常用属性要使用滚动视图的分页效果,通常会配合UIPageControl分页控制控件,以增强分页效果。 该控件的常用属性如下:NSInteger numberOf...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:13-常见UI控件之 UIPageControl分页
举报原因:
原因补充:

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