Есть ли способ изменить цвет точек индикатора страницы

Я новичок в программировании для iphone, я пытаюсь разработать приложение, которое использует управление страницами. Цвет фона моего представления - белый, а по умолчанию контроллеры страниц - также белый, что делает управление страницами невидимым в моем представлении, поэтому я изменил фоновый цвет элемента управления страницы, чтобы сделать его видимым. Теперь вид кажется исправленным и плохим. Есть ли способ изменить только цвет точек для управления страницей?

заранее спасибо

10 ответов

Решение

Мы настроили 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];
}

Тогда в View Controller мы просто используем его как обычный UIPageControl

IBOutlet GrayPageControl* PageIndicator;

Редактировать:

В контроллере представления с GrayPageControl у меня есть IBAction, который связан с событием GrayPageControl.ValueChanged.

-(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];
}

Приложение вылетает в 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 найдет оптимальное решение для этого, пожалуйста, прокомментируйте.:)

Удачного кодирования

Ответ JWD - путь. Однако, если вам нужно просто изменить цвет, почему бы не сделать это:

Эта техника будет работать только на iOS6.0 и выше!

Выберите ваш UIPageControl перейти к атрибуту инспектора. Тад.

Или же вы можете поиграть с этими 2 свойствами:

  pageIndicatorTintColor  property
  currentPageIndicatorTintColor  property

Это так просто. Я прочитал вопрос еще раз, чтобы убедиться, что я не ошибаюсь. Вы действительно просто хотите изменить цвет, не так ли? Тогда да.

Вы все еще застряли с этими законными точками. Используйте технику JWD для удивительных точечных изображений.

Только одна строка кода для вашего запроса. В примере установлен черный цвет.

pageControl.pageIndicatorTintColor = [UIColor blackColor];

DDPageControl - отличная замена. Проверьте это!

Вы можете изменить цвет оттенка индикатора страницы и цвет оттенка индикатора текущей страницы с помощью следующего кода:

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

Если вы просто хотите изменить цвет точек или настроить его, вы можете сделать это в соответствии с рекомендациями 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]

Лучший и самый простой способ сделать это - добавить следующие строки кода в метод didFinishLaunchingWithOptions в AppDelegate.m

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

Вот соответствующий ответ для использования пользовательского изображения (если вы гибки и можете использовать изображение, а не изменять цвета напрямую).

Настройте точку с изображением UIPageControl по индексу 0 UIPageControl

Возможно, вы захотите взглянуть на это решение в другом вопросе stackru.

Другие вопросы по тегам