UIRefreshControl tint color doesn't match given color

Question

The refresh color doesn't match the tint color and looks different, i tryied to change tintAdjustmentMode but the result is the same

Just to note, the spinner and text color should be 0x2C76BE

tvc.refreshControl = [UIRefreshControl new];
tvc.refreshControl.tintAdjustmentMode = UIViewTintAdjustmentModeNormal;
tvc.refreshControl.tintColor = [UIColor colorWithHex:0x2C76BE];
tvc.refreshControl.attributedTitle = [[NSAttributedString alloc] initWithString:@"Pull to query spectrum again" attributes:@{NSForegroundColorAttributeName:[UIColor colorWithHex:0x2C76BE]}];

0x2C76BE doesn't look to be a hex colour. – BooRanger Sep 23 '15 at 16:15 — BooRanger, Sep 23 '15 at 16:15
thats ok, its #2C76BE = 0x2C76BE – Peter Lapisu Sep 23 '15 at 17:02 — Peter Lapisu, Sep 23 '15 at 17:02
Any luck with this? I am experiencing the same problem :( – Mihai Fratu May 24 '16 at 15:51 — Mihai Fratu, May 24 '16 at 15:51

slucas · Answer 1 · 2019-04-08T17:57:29.943

I had a similar problem with UIRefreshControl not displaying the color correctly when the view loads and I call beginRefreshing(). If the user pulls to refresh, the control correctly displays the tintColor I've specified.

First, subclass the refresh control. Then, override the didMoveToWindow method in the subclass. The following code finds the element that's animated to create the spinner and sets its background color.

This code uses an extension to UIView to return all the view's subviews (I used Jon Willis' answer from Swift: Recursively cycle through all subviews to find a specific class and append to an array).

class CustomRefreshControl: UIRefreshControl {

    override func didMoveToWindow() {
        super.didMoveToWindow()
        if let l = getNestedSubviews().first(where: { $0.layer is CAReplicatorLayer }), l.subviews.count > 0 {
            l.subviews[0].backgroundColor = UIColor.orange //getNestedSubviews method is an extension of UIView as referenced above
        }
}

The spinner has a CAReplicatorLayer whose view contains one subview. That subview is simply a rectangle implements the graphic element for the spinner. It's that graphic element you're coloring.

score 0 · Answer 2 · answered Aug 29 '16 at 07:55

UIRefreshControl is a buggy class. I noticed that placing the tvc.refreshControl.tintColor = [UIColor colorWithHex:0x2C76BE]; inside an animation block (even of zero duration) would yield the expected the results. So I tested to do this hideous 'hack': dispatch_async(mainQueue, <#set tintColor#>); and that also give the right result. There might also be a dependency of the refreshcontrol on the the timing of calling -beginRefreshing or -endRefreshing too.

Because I was annoyed so much by UIRefreshControl's buggyness and limitation of only being usable in a UITableViewController, I created a fully customizable one of my own, usable with any type of UIScrollView (UICollectionView, UITableView). Note that I created this before UICollectionViewFlowLayout supported the sticky headers like a tableView, so my refreshcontrol does not work well when that option is on. Feel free to submit a fix ;).

You can find it here https://github.com/Joride/JRTRefreshControl (if this falls under the 'shameless plugging clause' I will remove this link, but I think it is relevant to the question.

I am having the same problem, and I tried the following ```dispatch_async(dispatch_get_main_queue(), ^(){ [[self refreshController] setTintColor:[UIColor colorFromHex:0xff8900]]; });``` and the color is still off. The ```-beginRefreshing``` method isn't called by myself, but the user that pulls the table down. Setting the tint color in an animation block also seem to have no effect. — Sietse, May 23 '18 at 07:51

UIRefreshControl tint color doesn't match given color

2 Answers2

Linked