swift - 画图 - 画矩形，虚线，圆和半圆

Posted 2023-05-04

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了swift - 画图 - 画矩形，虚线，圆和半圆相关的知识，希望对你有一定的参考价值。

参考技术A import UIKit

class JYJYBouncedCouponsViewCellBgView: UIView

   //一定要在这里设置背景色，不要再draw里面设置，

    override init(frame: CGRect)

        super.init(frame: frame)

        self.backgroundColor = UIColor.clear



    required init?(coder aDecoder: NSCoder)

        fatalError("init(coder:) has not been implemented")



    override func draw(_ rect: CGRect)

        // 获取上下文

        guard let context = UIGraphicsGetCurrentContext() else

            return



        //画一个矩形, 带圆角的，填充色为FFE4C3，切圆角5

        UIColor.init(hexColor: "FFE4C3").set()

        context.addPath(UIBezierPath(roundedRect: rect, cornerRadius: 5).cgPath)

        context.fillPath()

        //填充色setFillColor , 画线的颜色setStrokeColor

//        context.setFillColor(UIColor.init(hexColor: "FFE4C3").cgColor)

        // 画虚线

        /**设置起始和结束位置**/

        let startPointX: CGFloat = rect.size.width - 97

        let staerPointY: CGFloat = 0

        let endPointX: CGFloat = rect.size.width - 97

        let endPointY: CGFloat = rect.size.height

        let path = CGMutablePath()

        path.move(to: CGPoint(x: startPointX, y: staerPointY))

        path.addLine(to: CGPoint(x: endPointX, y: endPointY))

        context.addPath(path)

        context.setStrokeColor(UIColor.init(hexColor: "FF8E00").cgColor)

        context.setLineWidth(1)

        /*

         phase参数表示在第一个虚线绘制的时候跳过多少个点

         lengths的值｛10,10｝表示先绘制10个点，再跳过10个点，如此反复

         如果把lengths值改为｛10, 20, 10｝，则表示先绘制10个点，跳过20个点，绘制10个点，跳过10个点，再绘制20个点，如此反复

         */

        context.setLineDash(phase: 0, lengths: [5,5])

        context.strokePath()

        // 画半圆

        UIColor.clear.set()

        /***设置圆心位置***/

        let circleY: CGFloat = 0

        let topCirclePoint: CGPoint = CGPoint(x: rect.size.width - 97, y: circleY)

        let bottomCenterPoint: CGPoint = CGPoint(x: rect.size.width - 97, y: rect.size.height)

        let topCircle = UIBezierPath(arcCenter: topCirclePoint, radius: 5, startAngle: -CGFloat.pi, endAngle: CGFloat.pi, clockwise: true)

        let bottpmCircle = UIBezierPath(arcCenter: bottomCenterPoint, radius: 5, startAngle: -CGFloat.pi, endAngle: CGFloat.pi, clockwise: true)

        context.setBlendMode(.clear)

        context.addPath(topCircle.cgPath)

        context.addPath(bottpmCircle.cgPath)

        context.fillPath()