iOS UIPageControl使用

2013-09-11 11:20  940人阅读  评论(0)  收藏  举报

[html]  view plain copy

1. #import <UIKit/UIKit.h>  
2.   
3. @interface ViewController : UIViewController<UIScrollViewDelegate>  
4. {  
5.     UIScrollView* helpScrView;  
6.     UIPageControl* pageCtrl;  
7. }  
8. @end  

[html]  view plain copy

1. #import "ViewController.h"  
2.   
3. @interface ViewController ()  
4.   
5. @end  
6.   
7. @implementation ViewController  
8.   
9. - (void)viewDidLoad  
10. {  
11.     [super viewDidLoad];  
12.     CGRect bounds = self.view.frame;  //获取界面区域  
13.       
14.     //加载蒙板图片，限于篇幅，这里仅显示一张图片的加载方法  
15.     UIImageView* imageView1 = [[[UIImageView alloc] initWithFrame:CGRectMake(0, bounds.origin.y, bounds.size.width, bounds.size.height)] autorelease];  //创建UIImageView，位置大小与主界面一样。  
16.     [imageView1 setImage:[UIImage imageNamed:@"bg.png"]];  //加载图片help01.png到imageView1中。  
17.     //imageView1.alpha = 0.5f;  //将透明度设为50%。  
18.     UIImageView* imageView2 = [[[UIImageView alloc] initWithFrame:CGRectMake(1*bounds.size.width, bounds.origin.y, bounds.size.width, bounds.size.height)] autorelease];  //创建UIImageView，位置大小与主界面一样。  
19.     [imageView2 setImage:[UIImage imageNamed:@"bg.png"]];  
20.     //继续加载图片  
21.     //。。。。  
22.       
23.     //创建UIScrollView  
24.     helpScrView = [[UIScrollView alloc] initWithFrame:CGRectMake(bounds.origin.x, bounds.origin.y, bounds.size.width, 300)];  //创建UIScrollView，位置大小与主界面一样。  
25.     [helpScrView setContentSize:CGSizeMake(bounds.size.width * 6, 300)];  //设置全部内容的尺寸，这里帮助图片是3张，所以宽度设为界面宽度*3，高度和界面一致。  
26.     helpScrView.pagingEnabled = YES;  //设为YES时，会按页滑动  
27.     helpScrView.bounces = NO; //取消UIScrollView的弹性属性，这个可以按个人喜好来定  
28.     [helpScrView setDelegate:self];//UIScrollView的delegate函数在本类中定义  
29.     helpScrView.showsHorizontalScrollIndicator = NO;  //因为我们使用UIPageControl表示页面进度，所以取消UIScrollView自己的进度条。  
30.     [helpScrView addSubview:imageView2];  
31.     [helpScrView addSubview:imageView1];//将UIImageView添加到UIScrollView中。  
32.     [self.view addSubview:helpScrView]; //将UIScrollView添加到主界面上。  
33.       
34.     //创建UIPageControl  
35.     pageCtrl = [[UIPageControl alloc] initWithFrame:CGRectMake(0, 400, bounds.size.width, 30)];  //创建UIPageControl，位置在屏幕最下方。  
36.     pageCtrl.numberOfPages = 6;//总的图片页数  
37.     pageCtrl.currentPage = 0; //当前页  
38.     [pageCtrl addTarget:self action:@selector(pageTurn:) forControlEvents:UIControlEventValueChanged];  //用户点击UIPageControl的响应函数  
39.     [self.view addSubview:pageCtrl];  //将UIPageControl添加到主界面上。  
40. }  
41.   
42. //其次是UIScrollViewDelegate的scrollViewDidEndDecelerating函数，用户滑动页面停下后调用该函数。  
43.   
44.   
45. - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView  
46. {  
47.     //更新UIPageControl的当前页  
48.     CGPoint offset = scrollView.contentOffset;  
49.     CGRect bounds = scrollView.frame;  
50.     [pageCtrl setCurrentPage:offset.x / bounds.size.width];  
51.     NSLog(@"%f",offset.x / bounds.size.width);  
52. }  
53.   
54. //然后是点击UIPageControl时的响应函数pageTurn  
55.   
56.   
57. - (void)pageTurn:(UIPageControl*)sender  
58. {  
59.     //令UIScrollView做出相应的滑动显示  
60.     CGSize viewSize = helpScrView.frame.size;  
61.     CGRect rect = CGRectMake(sender.currentPage * viewSize.width, 0, viewSize.width, viewSize.height);  
62.     [helpScrView scrollRectToVisible:rect animated:YES];  
63. }  
64. - (void)didReceiveMemoryWarning  
65. {  
66.     [super didReceiveMemoryWarning];  
67.     // Dispose of any resources that can be recreated.  
68. }  
69.   
70. @end  

修改PageControl d的小点点的图标

重写类！！

[html]  view plain copy

1. //  
2. //  GrayPageControl.h  
3. //  iPlayer  
4. //  
5. //  Created by 屎壳郎情调 on 13-9-11.  
6. //  Copyright (c) 2013年 ibokan. All rights reserved.  
7. //  
8.   
9. #import <UIKit/UIKit.h>  
10.   
11. @interface GrayPageControl : UIPageControl  
12. {  
13.     UIImage* activeImage;  
14.     UIImage* inactiveImage;  
15. }  
16. @end  

[html]  view plain copy

1. //  
2. //  GrayPageControl.m  
3. //  iPlayer  
4. //  
5. //  Created by 屎壳郎情调 on 13-9-11.  
6. //  Copyright (c) 2013年 ibokan. All rights reserved.  
7. //  
8.   
9. #import "GrayPageControl.h"  
10.   
11. @implementation GrayPageControl  
12.   
13. -(id) initWithFrame:(CGRect)frame  
14. {  
15.     self = [super initWithFrame:frame];  
16.       
17.     activeImage = [UIImage imageNamed:@"appleDot@2x"];  
18.     inactiveImage = [UIImage imageNamed:@"pageDot@2x"] ;  
19.       
20.     return self;  
21. }  
22.   
23. -(void) updateDots  
24. {  
25.     for (int i = 0; i < [self.subviews count]; i++)  
26.     {  
27.         UIImageView* dot = [self.subviews objectAtIndex:i];  
28.         if (i == self.currentPage) dot.image = activeImage;  
29.         else dot.image = inactiveImage;  
30.     }  
31. }  
32.   
33. -(void) setCurrentPage:(NSInteger)page  
34. {  
35.     [super setCurrentPage:page];  
36.     //修改图标大小  
37.     for (NSUInteger subviewIndex = 0; subviewIndex < [self.subviews count]; subviewIndex++) {  
38.           
39.         UIImageView* subview = [self.subviews objectAtIndex:subviewIndex];  
40.           
41.         CGSize size;  
42.           
43.         size.height = 10;  
44.           
45.         size.width = 10;  
46.           
47.         [subview setFrame:CGRectMake(subview.frame.origin.x, subview.frame.origin.y,  
48.                                        
49.                                      size.width,size.height)];  
50.           
51.     }  
52.   
53.       
54.     [self updateDots];  
55. }  
56.   
57. /*  
58. // Only override drawRect: if you perform custom drawing.  
59. // An empty implementation adversely affects performance during animation.  
60. - (void)drawRect:(CGRect)rect  
61. {  
62.     // Drawing code  
63. }  
64. */  
65.   
66. @end