Swift -Как изменить цвет NSMutableAttributedString UIButton после того, как он был установлен

Question

У меня есть 2 UIButtons, а их titles и colors изначально установлены с использованием NSMutableAttributedString. Текст 2 строки текста

У меня есть пользовательский UISegmentedControl, и когда сегмент переключается, мне нужно изменить только цвет кнопок. Теперь, когда я это делаю, цвета меняются, но когда это происходит, мерзкое мерцание, потому что реальный текст снова устанавливается. Мне нужен плавный переход только для цветов

var selectedSegmentIndex = 0 {
    didSet {

        layoutIfNeeded()
        UIView.animate(withDuration: 0.1) {
            self.setTextForFollowersButton()
            self.setTextForFollowingButton()
            self.layoutIfNeeded()
        }
    }
}

Как изменить только цвет кнопки NSMutableAttributedString?

Код кнопки:

var numOfFollowers = 0 {
    didSet {
        setTextForFollowersButton()
    }
}
var numOfFollowing = 0 {
    didSet {
        setTextForFollowingButton()
    }
}

lazy var followersButton: UIButton = {
    let button = UIButton.init(type: .system)
    // ...
    return button
}()

lazy var followingButton: UIButton = {
    let button = UIButton.init(type: .system)
    //...
    return button
}()

func setTextForFollowersButton() {

    let button = self.followersButton
    let buttonText = "Following\n\(String(numOfFollowing))" as NSString
    // other code for 2 lines of text

    var color = UIColor.blue

    if selectedSegmentIndex == 0 {
        color = UIColor.blue
    } else {
        color = UIColor.gray
    }

    let attrString1 = NSMutableAttributedString(string: substring1,
                                                attributes: [NSMutableAttributedString.Key.font:
                                                    UIFont.boldSystemFont(ofSize: 16),
                                                             NSMutableAttributedString.Key.foregroundColor: color])

    let attrString2 = NSMutableAttributedString(string: substring2,
                                                attributes: [NSMutableAttributedString.Key.font:
                                                    UIFont.boldSystemFont(ofSize: 14),
                                                             NSMutableAttributedString.Key.foregroundColor: color])

    attrString1.append(attrString2)
    button.setAttributedTitle(attrString1, for: [])
}

func setTextForFollowingButton() {

    let button = self.followingButton

    let buttonText = "Following\n\(String(numOfFollowing))" as NSString
    // other code for 2 lines of text

    var color = UIColor.blue

    if selectedSegmentIndex == 0 {
        color = UIColor.gray
    } else {
        color = UIColor.blue
    }

    let attrString1 = NSMutableAttributedString(string: substring1,
                                                attributes: [NSMutableAttributedString.Key.font:
                                                    UIFont.boldSystemFont(ofSize: 16),
                                                             NSMutableAttributedString.Key.foregroundColor: color])

    let attrString2 = NSMutableAttributedString(string: substring2,
                                                attributes: [NSMutableAttributedString.Key.font:
                                                    UIFont.boldSystemFont(ofSize: 14),
                                                             NSMutableAttributedString.Key.foregroundColor: color])

    attrString1.append(attrString2)
    button.setAttributedTitle(attrString1, for: [])
}

Answer 1

Вы должны вставить функцию UIView.animate внутри DispatchQueue.main.async {}, чтобы сделать плавный переход. Всегда рекомендуется делать любые виды анимации пользовательского интерфейса в основном потоке.

Answer 2

Другой способ сделать это для плавного перехода без каких-либо миганий - использовать UIView.performWithoutAnimation:

DispatchQueue.main.async {
    self.layoutIfNeeded()
    UIView.performWithoutAnimation {

        self.setTextForFollowersButton()
        self.setTextForFollowingButton()

        self.layoutIfNeeded()
    }
}