有没有办法改变页面指示器点的颜色

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

应用程序在 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 的问题。如果有人找到最佳解决方案，请发表评论。 :)

快乐编码

Answer 3

JWD 的答案是要走的路。但是，如果您只想更改颜色，为什么不这样做：

此技术仅适用于 iOS6.0 及更高版本！

选择您的 UIPageControl 转到属性检查器。多田。

或者，您也可以尝试使用这两个属性：

  pageIndicatorTintColor  property
  currentPageIndicatorTintColor  property

这很简单。我又读了一遍问题，以确保我没有错。你真的只是想改变颜色不是吗？那么是的。

你仍然被那些法律点所困扰。使用 JWD 技术制作精美的点图。

Answer 4

只需一行代码即可满足您的需求。该示例设置为黑色。

pageControl.pageIndicatorTintColor = [UIColor blackColor];

Answer 5

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

您还可以在此处查看存档的博客文章。

Answer 6

您可以使用以下代码更改页面指示器色调颜色和当前页面指示器色调颜色：

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

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

最好、最简单的方法是在 AppDelegate.m 的 didFinishLaunchingWithOptions 方法中添加以下代码行

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

Answer 9

您可能想看看此解决方案 在另一个 stackoverflow 问题中。

Answer 10

这是使用自定义图像的相关答案（如果您很灵活并且可以使用图像而不是直接更改颜色）。

使用 UIPageControl 的图像自定义点在 UIPageControl 的索引 0 处