有沒有辦法改變頁面指示點顏色

Question

我是新手iphone編程，我想開發一個使用頁面控制的應用程序。我的視圖的背景顏色是白色，頁面控制器默認的是白色，這使得頁面控制在我的視圖中不可見，所以我改變了頁面控件的背景顏色以使其可見。現在，視圖出現了修補和不良。有沒有辦法改變頁面控制的點顏色？

在此先感謝

Answer 1

我們定製了UIPageControl使用的頁面指示符的自定義圖像，我在下面列出的類的膽量......

GrayPageControl.h

@interface GrayPageControl : UIPageControl 
{ 
    UIImage* activeImage; 
    UIImage* inactiveImage; 
} 

GrayPageControl.m

-(id) initWithCoder:(NSCoder *)aDecoder 
{ 
    self = [super initWithCoder:aDecoder]; 

    activeImage = [[UIImage imageNamed:@"active_page_image.png"] retain]; 
    inactiveImage = [[UIImage imageNamed:@"inactive_page_image.png"] retain]; 

    return self; 
} 

-(void) updateDots 
{ 
    for (int i = 0; i < [self.subviews count]; i++) 
    { 
     UIImageView* dot = [self.subviews objectAtIndex:i]; 
     if (i == self.currentPage) dot.image = activeImage; 
     else dot.image = inactiveImage; 
    } 
} 

-(void) setCurrentPage:(NSInteger)page 
{ 
    [super setCurrentPage:page]; 
    [self updateDots]; 
} 

在視圖控制器

然後我們只是用它像一個正常的UIPageControl

IBOutlet GrayPageControl* PageIndicator; 

編輯：

在具有GrayPageControl我有一個鏈接到GrayPageControl.ValueChanged事件的IBAction爲視圖控制器。

-(IBAction) pageChanged:(id)sender 
{ 
    int page = PageIndicator.currentPage; 

    // update the scroll view to the appropriate page 
    CGRect frame = ImagesScroller.frame; 
    frame.origin.x = frame.size.width * page; 
    frame.origin.y = 0; 
    [ImagesScroller scrollRectToVisible:frame animated:YES]; 
} 

Answer 2

你可能想在另一stackoverflow question上this solution看看。

Answer 3

DDPageControl是一個很好的替代品。一探究竟！

Answer 4

JWD答案是要走的路。然而，如果你只想改變顏色，爲什麼不這樣做：

這種技術將只適用於iOS6.0和更高！

選擇UIPageControl去屬性檢查器。田田。

或者你也可以玩這些2個屬性：

pageIndicatorTintColor property 
    currentPageIndicatorTintColor property 

這是如此簡單。我再次閱讀這個問題，以確保我沒有錯。你真的只想改變顏色嗎？好的。

你仍然堅持這個規則點。真棒點圖片使用JWD技術。

Answer 5

只需一行代碼即可滿足您的需求。該示例設置爲黑色。

pageControl.pageIndicatorTintColor = [UIColor blackColor]; 

Answer 6

該應用程序在iOS7中崩潰。我已經爲iOS 7的解決方案：

原因崩潰：

在iOS的7 [self.subViews objectAtIndex: i]回報 UIView代替 UIImageView和 setImage

不是UIView的屬性和應用程序崩潰。我使用下面的代碼解決了我的問題。

檢查子視圖是否爲UIView（適用於iOS7）或UIImageView（適用於iOS6或更低版本）。如果它是UIView我要添加UIImageView作爲該視圖的子視圖，並說它的工作，而不是崩潰..！

-(void) updateDots 
{ 
    for (int i = 0; i < [self.subviews count]; i++) 
    { 
     UIImageView * dot = [self imageViewForSubview: [self.subviews objectAtIndex: i]]; 
     if (i == self.currentPage) dot.image = activeImage; 
     else dot.image = inactiveImage; 
    } 
} 
- (UIImageView *) imageViewForSubview: (UIView *) view 
{ 
    UIImageView * dot = nil; 
    if ([view isKindOfClass: [UIView class]]) 
    { 
     for (UIView* subview in view.subviews) 
     { 
      if ([subview isKindOfClass:[UIImageView class]]) 
      { 
       dot = (UIImageView *)subview; 
       break; 
      } 
     } 
     if (dot == nil) 
     { 
      dot = [[UIImageView alloc] initWithFrame:CGRectMake(0.0f, 0.0f, view.frame.size.width, view.frame.size.height)]; 
      [view addSubview:dot]; 
     } 
    } 
    else 
    { 
     dot = (UIImageView *) view; 
    } 

    return dot; 
} 

希望這個解決你的問題也適用於iOS7。如果Anypone找到最佳解決方案，請評論。 :)

快樂編碼

Answer 7

，如果你只是想改變點的顏色或自定義它，你可以把它作爲建議JWD，但在點點另一種方式：

#pragma mark - LifeCycle 

- (void)setCurrentPage:(NSInteger)page 
{ 
    [super setCurrentPage:page]; 
    [self updateDots]; 
} 

#pragma mark - Private 

- (void)updateDots 
{ 
    for (int i = 0; i < [self.subviews count]; i++) { 
     UIView* dot = [self.subviews objectAtIndex:i]; 
     if (i == self.currentPage) { 
      dot.backgroundColor = UIColorFromHEX(0x72E7DB); 
      dot.layer.cornerRadius = dot.frame.size.height/2; 
     } else { 
      dot.backgroundColor = UIColorFromHEX(0xFFFFFF); 
      dot.layer.cornerRadius = dot.frame.size.height/2 - 1; 
      dot.layer.borderColor = UIColorFromHEX(0x72E7DB).CGColor; 
      dot.layer.borderWidth = 1; 
     } 
    } 
} 

至於導致你將得到的東西像

而且宏：

#define UIColorFromHEX(hexValue) [UIColor colorWithRed:((float)((hexValue & 0xFF0000) >> 16))/255.0 green:((float)((hexValue & 0xFF00) >> 8))/255.0 blue:((float)(hexValue & 0xFF))/255.0 alpha:1.0] 

Answer 8

您可以更改頁面指示符色調的顏色和用下面的代碼當前頁面指示符色調顏色：

pageControl.pageIndicatorTintColor = [UIColor orangeColor]; 
pageControl.currentPageIndicatorTintColor = [UIColor blackColor]; 

Answer 9

做到這一點的最好和最賽普爾方法是添加以下代碼行在AppDelegate.m

UIPageControl *pageControl = [UIPageControl appearance]; 
pageControl.pageIndicatorTintColor = [UIColor lightGrayColor]; 
pageControl.currentPageIndicatorTintColor = [UIColor blackColor]; 
pageControl.backgroundColor = [UIColor whiteColor]; 

Answer 10

的didFinishLaunchingWithOptions方法下面是使用自定義圖像相關答案（如果你是靈活的，可以使用圖像而不是直接改變顏色）。

Customize dot with image of UIPageControl at index 0 of UIPageControl