【Android眼中的IOS】使用16进制颜色值生成UIColor

最新推荐文章于 2024-01-14 15:12:10 发布

原创最新推荐文章于 2024-01-14 15:12:10 发布 · 912 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #ios

swift 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了在iOS开发中如何通过16进制颜色值生成UIColor，由于UIColor没有直接的构造方法接受16进制字符串，作者提供了一种使用Swift扩展来实现的方法，并考虑了透明度的变化。同时，还给出了对String扩展的实现，以及在实际视图中测试的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Android
在Android开发当中，我们通常是使用16进制的颜色值，AndroidStudio也给了"#FFFFFF"形式的值一个很好的预览
在代码当中我们可以这样生成int型的color值

int color = Color.parseColor("#FFFFFF");

IOS

而在IOS开发的UIColor类中，却没有能传入16进制字符串值的构造方法

而我们需要实现这种16进制生成UIColor怎么办，当然可以用Swift语法当中非常强大的扩展
参考http://blog.youkuaiyun.com/pointee/article/details/52276588
实现方式大体一致，当然这个博主没有考虑到透明度的变化，我这里稍微改进下

extension UIColor {
    convenience init(hexColor: String) {
        let length = hexColor.lengthOfBytes(using: .utf8)
        print(length)
        if length != 7 && length != 9 {
            self.init(red: 1.0, green: 0, blue: 0, alpha: 1.0)
            return
        }
        //是否设置了透明度
        let isHaveAlpha: Bool = length == 9
        let r: Int = isHaveAlpha ? 3 : 1
        let g: Int = isHaveAlpha ? 5 : 3
        let b: Int = isHaveAlpha ? 7 : 5
        // 存储转换后的数值
        var red: UInt32 = 0, green: UInt32 = 0, blue: UInt32 = 0, alpha: UInt32 = 255
        // 分别进行转换
        if isHaveAlpha {
            Scanner(string: hexColor[1..<r]).scanHexInt32(&alpha)
        }
        Scanner(string: hexColor[r..<g]).scanHexInt32(&red)
        Scanner(string: hexColor[g..<b]).scanHexInt32(&green)
        Scanner(string: hexColor[b..<length]).scanHexInt32(&blue)
        print("\(CGFloat(red) / 255.0):\(CGFloat(green) / 255.0):\(CGFloat(blue) / 255.0):\(CGFloat(alpha) / 255.0)")
        self.init(red: CGFloat(red) / 255.0, green: CGFloat(green) / 255.0, blue: CGFloat(blue) / 255.0, alpha: CGFloat(alpha) / 255.0)
    }
}

当然还需要对String扩展

extension UIColor {
 /// String使用下标截取字符串
    subscript (r: Range<Int>) -> String {
        get {
            let startIndex = self.index(self.startIndex, offsetBy: r.lowerBound)
            let endIndex = self.index(self.startIndex, offsetBy: r.upperBound)
            return self[startIndex..<endIndex]
        }
    }
}

测试

在视图中放置两个View

 override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = UIColor.blue
        let oneColor = UIColor(red: 1.0, green: 0, blue: 0, alpha: 0.1)
        one.backgroundColor = oneColor
        let twoColor = UIColor(hexColor: "#20ff0000")
        two.backgroundColor = twoColor
    }

效果如下随便测试下，哈哈哈

这里写图片描述