iOS显示电子数字

使用Graphics绘制数字视图

原创已于 2022-05-23 19:01:28 修改 · 357 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#swift

于 2022-05-23 18:58:46 首次发布

iOS 专栏收录该内容

106 篇文章

订阅专栏

这篇博客介绍了如何利用Graphics在iOS中实现一个简单的数字显示视图XCDigitView，仅用两行代码即可创建。作者详细阐述了绘制过程，通过定义函数render1来绘制8字的每一部分，并根据数字值改变颜色。提供的完整代码可在链接下载，适用于开发者快速实现数字显示功能。

效果如图：

通过Graphics绘制，使用只需要两行代码：

let j = XCDigitView(frame: CGRect(x: 250, y: 720, width: 100, height: 200))
j.value = 0

下载完整代码：
https://download.youkuaiyun.com/download/dolacmeng/85445384

实现思路：
就是完整绘制一个8字，每一画根据当前显示的数字，决定这一画的颜色，举例绘制最上面一横：

    // 第一横
    func render1(context:CGContext) {
        if (value == 0 || value == 2 || value == 3 || value == 5 || value == 6 || value == 7 || value == 8 || value == 9) {
            context.setFillColor(colorT.cgColor)
        }else {
            context.setFillColor(colorF.cgColor)
        }
        
        context.move(to: XCPoint(x: 3.25, y: 3))
        context.addLine(to: XCPoint(x: 10.25, y: 3))
        context.addLine(to: XCPoint(x: 11.75, y: 1.5))
        context.addLine(to: XCPoint(x: 10.25, y: 0))
        context.addLine(to: XCPoint(x: 3.25, y: 0))
        context.addLine(to: XCPoint(x: 1.75, y: 1.5))
        context.closePath()
        context.fillPath()
    }