重写UIPageControl实现自定义按钮

 有时候UIPageControl需要用到白色的背景, 那么会导致上面的点按钮看不见或不清楚,
我们可以通过继承该类重写函数来更换点按钮的图片现实.
实现思路如下.

新建类继承UIPageControl :

1.    @interface MyPageControl : UIPageControl
   
2.    {
   
3.        UIImage *imagePageStateNormal;
   
4.        UIImage *imagePageStateHighlighted;
   
5.    }
   
6.    - (id)initWithFrame:(CGRect)frame;
   
7.    @property (nonatomic, retain) UIImage *imagePageStateNormal;
   
8.    @property (nonatomic, retain) UIImage *imagePageStateHighlighted;
   
9.    @end

复制代码

声明了初始化该类的函数

用了两个UIImage保存两张图片, 大家知道的, UIPageCotrol的按钮分为两态, 一个是正常, 一个是高亮

接下来实现该类以及重写父类方法:

1.    @interface MyPageControl(private)  // 声明一个私有方法, 该方法不允许对象直接使用
   
2.    - (void)updateDots;
   
3.    @end
   
4.    
   
5. 
   
6.    @implementation MyPageControl  // 实现部分
   
7.    
   
8. 
   
9.    @synthesize imagePageStateNormal;
   
10.    @synthesize imagePageStateHighlighted;
    
11.    
    
12. 
    
13.   - (id)initWithFrame:(CGRect)frame { // 初始化
    
14.       self = [super initWithFrame:frame];
    
15.       return self;
    
16.   }
    
17.   
    
18. 
    
19.   - (void)setImagePageStateNormal:(UIImage *)image {  // 设置正常状态点按钮的图片
    
20.       [imagePageStateHighlighted release];
    
21.       imagePageStateHighlighted = [image retain];
    
22.       [self updateDots];
    
23.   }
    
24.   
    
25. 
    
26.   - (void)setImagePageStateHighlighted:(UIImage *)image { // 设置高亮状态点按钮图片
    
27.       [imagePageStateNormal release];
    
28.       imagePageStateNormal = [image retain];
    
29.       [self updateDots];
    
30.   }
    
31.   
    
32. 
    
33.   - (void)endTrackingWithTouch:(UITouch *)touch withEvent:(UIEvent *)event { // 点击事件
    
34.       [super endTrackingWithTouch:touch withEvent:event];
    
35.       [self updateDots];
    
36.   }
    
37.   
    
38. 
    
39.   - (void)updateDots { // 更新显示所有的点按钮
    
40.   
    
41. 
    
42.       if (imagePageStateNormal || imagePageStateHighlighted)
    
43.       {
    
44.           NSArray *subview = self.subviews;  // 获取所有子视图
    
45.           for (NSInteger i = 0; i < [subview count]; i++)
    
46.           {
    
47.               UIImageView *dot = [subview objectAtIndex:i];  // 以下不解释, 看了基本明白
    
48.               dot.image = self.currentPage == i ? imagePageStateNormal : imagePageStateHighlighted;
    
49.           }
    
50.       }
    
51.   }
    
52.   
    
53. 
    
54.   - (void)dealloc { // 释放内存
    
55.       [imagePageStateNormal release], imagePageStateNormal = nil;
    
56.       [imagePageStateHighlighted release], imagePageStateHighlighted = nil;
    
57.       [super dealloc];
    
58.   }
    
59.   
    
60. 
    
61.   @end

复制代码

OK, 在添加处加入以下来实例化该对象代码:

1.    MyPageControl *pageControl = [[MyPageControl alloc] initWithFrame:CGRectMake(0,0, 200, 30)];
   
2.    pageControl.backgroundColor = [UIColor clearColor];
   
3.    pageControl.numberOfPages = 5;
   
4.    pageControl.currentPage = 0;
   
5.    [pageControl setImagePageStateNormal:[UIImage imageNamed:@"pageControlStateNormal.png"]];
   
6.    [pageControl setImagePageStateHighlighted:[UIImage imageNamed:@"pageControlStateHighlighted.png"]];
   
7.    [self.view addSubview:pageControl];
   
8.    [pageControl release];

复制代码

搞定~

 

 

 

發現個問題，如果直接做setCurrentPage的話，圖片就會失效了，所以覆寫setCurrentPage // 覆寫setCurrentPage - (void)setCurrentPage:(NSInteger)currentPage {     [super setCurrentPage:currentPage];     [self updateDots]; } 复制代码 這樣就ok了～