Как конвертировать UIColor в HEX и отображать в NSLog

Я проверил несколько ссылок о том, как конвертировать коды UIColor в HEX, однако я не уверен, как вызвать метод для их отображения в NSLog. У меня нет репутации, чтобы прокомментировать эту публикацию, поскольку вопрос - последнее мое решение. Я хочу, чтобы он отображался при запуске моего приложения в журнале.

Во-вторых, где ввести номер цвета RGB (R = 30, G = 171, B = 13)? Я вижу, что все примеры используют Array [0], [1], [2], который обычно относится к позиции индекса, поэтому, где я могу добавить значения цвета?

У меня есть этот код:

- (NSString *) hexFromUIColor:(UIColor *)color {

    if (CGColorGetNumberOfComponents(color.CGColor) < 4) {
        const CGFloat *components = CGColorGetComponents(color.CGColor);
        color = [UIColor colorWithRed:components[30] green:components[141] blue:components[13] alpha:components[1]];
    }
    if (CGColorSpaceGetModel(CGColorGetColorSpace(color.CGColor)) != kCGColorSpaceModelRGB) {
        return [NSString stringWithFormat:@"#FFFFFF"];
    }
    return [NSString stringWithFormat:@"#%02X%02X%02X", (int)((CGColorGetComponents(color.CGColor))[0]*255.0), (int)((CGColorGetComponents(color.CGColor))[1]*255.0), (int)((CGColorGetComponents(color.CGColor))[2]*255.0)];

}

Ссылки, которые я проверил:

hex-цвет от uicolor

Как конвертировать цветовые коды HEX RGB в UIColor?

Я попытался вызвать метод в viewDidLoad, но он не будет работать без UIColor. Я уверен, что это что-то простое.

Спасибо всем, кто отвечает.

Что такое код, который я использую в моем viewDidLoad, чтобы вызвать этот метод для отображения в NSLog?

ОТВЕТЫ

Ответ 1

Используйте код ниже:

- (NSString *)hexStringFromColor:(UIColor *)color {
    const CGFloat *components = CGColorGetComponents(color.CGColor);

    CGFloat r = components[0];
    CGFloat g = components[1];
    CGFloat b = components[2];

    return [NSString stringWithFormat:@"#%02lX%02lX%02lX",
            lroundf(r * 255),
            lroundf(g * 255),
            lroundf(b * 255)];
}

После получения шестнадцатеричной строки кода вызовите метод ниже, чтобы получить UIColor

- (UIColor *) colorWithHexString: (NSString *) hexString
{
    NSString *colorString = [[hexString stringByReplacingOccurrencesOfString: @"#" withString: @""] uppercaseString];

    NSLog(@"colorString :%@",colorString);
    CGFloat alpha, red, blue, green;

    // #RGB
    alpha = 1.0f;
    red   = [self colorComponentFrom: colorString start: 0 length: 2];
    green = [self colorComponentFrom: colorString start: 2 length: 2];
    blue  = [self colorComponentFrom: colorString start: 4 length: 2];

    return [UIColor colorWithRed: red green: green blue: blue alpha: alpha];
}

`

- (CGFloat) colorComponentFrom: (NSString *) string start: (NSUInteger) start length: (NSUInteger) length {
    NSString *substring = [string substringWithRange: NSMakeRange(start, length)];
    NSString *fullHex = length == 2 ? substring : [NSString stringWithFormat: @"%@%@", substring, substring];
    unsigned hexComponent;
    [[NSScanner scannerWithString: fullHex] scanHexInt: &hexComponent];
    return hexComponent / 255.0;
}

ИСПОЛЬЗОВАНИЕ

// ( R = 30, G = 171, B = 13)? 
CGFloat red = 30.0;
CGFloat green = 171.0;
CGFloat blue = 13.0; 
CGFloat alpha = 255.0
UIColor *color = [UIColor colorWithRed:(red/255.0) green:(green/255.0) blue:(blue/255.0) alpha:(alpha/255.0)];
NSString *colorCode = [self hexStringFromColor:color];
NSLog(@"Color Code: %@", colorCode);

UIColor *resultColor = [self colorWithHexString:colorCode];

Ответ 2

Ответ на Kampai работает для цветов RGB, но не для монохромного (UIColor colorWithWhite: alpha:). Он также не обрабатывает альфа, поддерживаемый HEX. Здесь немного измененная версия hexStringFromColor:

+ (NSString *)hexStringFromColor:(UIColor *)color
{
    CGColorSpaceModel colorSpace = CGColorSpaceGetModel(CGColorGetColorSpace(color.CGColor));
    const CGFloat *components = CGColorGetComponents(color.CGColor);

    CGFloat r, g, b, a;

    if (colorSpace == kCGColorSpaceModelMonochrome) {
        r = components[0];
        g = components[0];
        b = components[0];
        a = components[1];
    }
    else if (colorSpace == kCGColorSpaceModelRGB) {
        r = components[0];
        g = components[1];
        b = components[2];
        a = components[3];
    }

    return [NSString stringWithFormat:@"#%02lX%02lX%02lX%02lX",
            lroundf(r * 255),
            lroundf(g * 255),
            lroundf(b * 255),
            lroundf(a * 255)];
}

Ответ 3

И, наконец, версия, которая работает с alpha -компонент и использует правый множитель

extension UIColor {
    var hexString: String? {
        var red: CGFloat = 0
        var green: CGFloat = 0
        var blue: CGFloat = 0
        var alpha: CGFloat = 0

        let multiplier = CGFloat(255.999999)

        guard self.getRed(&red, green: &green, blue: &blue, alpha: &alpha) else {
            return nil
        }

        if alpha == 1.0 {
            return String(
                format: "#%02lX%02lX%02lX",
                Int(red * multiplier),
                Int(green * multiplier),
                Int(blue * multiplier)
            )
        }
        else {
            return String(
                format: "#%02lX%02lX%02lX%02lX",
                Int(red * multiplier),
                Int(green * multiplier),
                Int(blue * multiplier),
                Int(alpha * multiplier)
            )
        }
    }
}

Ответ 4

Другие сообщения об ошибках Swift для UIColors, таких как белый, где есть только 2 компонента, возвращаемых CGColor.

Здесь версия Swift 4, которая не имеет этой проблемы, а также возвращает информацию о прозрачности в конце строки, если это необходимо (веб-формат).

Например:

Белый вернет #FFFFFF

Белый с непрозрачностью 50% вернет # FFFFFF7F

extension UIColor {
    var hexString: String {
        let colorRef = cgColor.components
        let r = colorRef?[0] ?? 0
        let g = colorRef?[1] ?? 0
        let b = ((colorRef?.count ?? 0) > 2 ? colorRef?[2] : g) ?? 0
        let a = cgColor.alpha

        var color = String(
            format: "#%02lX%02lX%02lX",
            lroundf(Float(r * 255)),
            lroundf(Float(g * 255)),
            lroundf(Float(b * 255))
        )

        if a < 1 {
            color += String(format: "%02lX", lroundf(Float(a)))
        }

        return color
    }
}

Ответ 5

В Swift я просто создал расширение для UIColor...

extension UIColor
{

    var hexString:NSString {
        let colorRef = CGColorGetComponents(self.CGColor)

        let r:CGFloat = colorRef[0]
        let g:CGFloat = colorRef[1]
        let b:CGFloat = colorRef[2]

        return NSString(format: "#%02lX%02lX%02lX", lroundf(Float(r * 255)), lroundf(Float(g * 255)), lroundf(Float(b * 255)))
    }
}

Ответ 6

Свифт 2 версии принятого ответа. Я преобразовал в расширение UIColor.

extension UIColor {
    var hexString: String {
        let components = CGColorGetComponents(self.CGColor)

        let red = Float(components[0])
        let green = Float(components[1])
        let blue = Float(components[2])
        return String(format: "#%02lX%02lX%02lX", lroundf(red * 255), lroundf(green * 255), lroundf(blue * 255))
    }
}

Ответ 7

Быстрый ответ 2, преобразованный в быстрый 3

var hexString: String {
    let components = self.cgColor.components

    let red = Float((components?[0])!)
    let green = Float((components?[1])!)
    let blue = Float((components?[2])!)
    return String(format: "#%02lX%02lX%02lX", lroundf(red * 255), lroundf(green * 255), lroundf(blue * 255))
}

Ответ 8

Потенциальная ловушка при работе с альфой: строки HEX бывают разных форматов, некоторые имеют свою альфу в начале шестнадцатеричной строки, а в других форматах - в конце. В зависимости от вашего фона у вас может быть другое представление о том, как форматируется шестнадцатеричная строка. Для разработчиков Android он, скорее всего, будет с альфой в начале, для веб-разработчиков он, скорее всего, будет в конце строки. ТАК ВСЕГДА СОСТОЯНИЕ ФОРМАТА ХЕСТСКОЙ СТРОКИ, чтобы избежать путаницы. Андроидные шестнадцатеричные строки должны иметь альфа в начале. Итак, это ловушка, с которой люди могут попасть, когда дело доходит до шестнадцатеричных строк (я сделал), и поэтому важно сказать, каков ожидаемый формат. Поэтому, если вы разрабатываете приложение для iOS и Android, что для этой ловушки.

Ссылки: https://en.wikipedia.org/wiki/RGBA_color_space, чтобы узнать, почему строка HEX может быть отформатирована по-разному, в некоторых случаях с альфой в начале. Android https://developer.android.com/reference/android/graphics/Color.html и https://gist.github.com/lopspower/03fb1cc0ac9f32ef38f4

ОБРАТИТЕ ВНИМАНИЕ ДЛЯ #AARRGGBB Формат шестнадцатеричной строки Используйте следующий код, чтобы Alpha находилась в начале строки.

(Примечание: если возвращается color == null черный).

+(NSString*)hexStringFromColor:(UIColor *)color
{

    CGFloat r = 0, g = 0, b = 0, a = 1;

    if (color) {
        [color getRed:&r green:&g blue:&b alpha:&a];
    }

    return [NSString stringWithFormat:@"#%02lX%02lX%02lX%02lX",
            lroundf(a * 255.0),
            lroundf(r * 255.0),
            lroundf(g * 255.0),
            lroundf(b * 255.0)
            ];

}

Ответ 9

Это правильный порядок, если вам нужны цвета для Android. альфа идет первым:

extension UIColor {
    var hexString: String? {
        var red: CGFloat = 0
        var green: CGFloat = 0
        var blue: CGFloat = 0
        var alpha: CGFloat = 0

        let multiplier = CGFloat(255.999999)

        guard self.getRed(&red, green: &green, blue: &blue, alpha: &alpha) else {
            return nil
        }

        if alpha == 1.0 {
            return String(
                format: "#%02lX%02lX%02lX",
                Int(red * multiplier),
                Int(green * multiplier),
                Int(blue * multiplier)
            )
        }
        else {
            return String(
                format: "#%02lX%02lX%02lX%02lX",
                Int(alpha * multiplier),
                Int(red * multiplier),
                Int(green * multiplier),
                Int(blue * multiplier)
            )
        }
    }
}

Тогда позвоните как:

debugPrint("testColor > ", self.testColor().hexString!)

Ответ 10

Быстрый путь:

extension UIColor {
    var hexString: String {
        return cgColor.components![0..<3]
            .map { String(format: "%02lX", Int($0 * 255)) }
            .reduce("#", +)
    }
}

Если вам нужен гекс с альфа-каналом, просто удалите [0..<3] из кода.