RError.com

RError.com Logo RError.com Logo

RError.com Navigation

  • 主页

Mobile menu

Close
  • 主页
  • 系统&网络
    • 热门问题
    • 最新问题
    • 标签
  • Ubuntu
    • 热门问题
    • 最新问题
    • 标签
  • 帮助
主页 / 问题 / 1110196
Accepted
JiosDev
JiosDev
Asked:2020-04-14 19:41:58 +0000 UTC2020-04-14 19:41:58 +0000 UTC 2020-04-14 19:41:58 +0000 UTC

添加点击 UIBezierPath

  • 772

我画了一个由 4 个圆弧组成的圆。我怎样才能在他们每个人上添加一个水龙头?

这是我添加弧线的方法:

override func draw(_ rect: CGRect) {
    var lastArcAngle = -CGFloat.pi

    func addArc(color: UIColor, percentage: CGFloat, index: Int) {
        let fullCircle = CGFloat.pi * 2
        let arcAngle = fullCircle * percentage
        let path = UIBezierPath(arcCenter: CGPoint(x: rect.width/2, y: rect.height/2), radius: 50, startAngle: lastArcAngle, endAngle: lastArcAngle + arcAngle, clockwise: true)

        color.setStroke()
        path.lineWidth = 20
        path.stroke()
        lastArcAngle += arcAngle
    }
    addArc(color: .red, percentage: 1.5 / 6.0, index: 1)
    addArc(color: .green, percentage: 1.5 / 6.0, index: 2)
    addArc(color: .blue, percentage: 1.5 / 6.0, index: 3)
    addArc(color: .purple, percentage: 1.5 / 6.0,index: 4)
}
ios
  • 1 1 个回答
  • 10 Views

1 个回答

  • Voted
  1. Best Answer
    schmidt9
    2020-04-14T21:55:36Z2020-04-14T21:55:36Z

    您可以为每个段添加轮廓路径并检查一个点是否落入其中

    import UIKit
    
    class ArcsView: UIView {
    
        private var hitTestPaths = [UIBezierPath]()
    
        required init?(coder: NSCoder) {
            super.init(coder: coder)
    
            let recognizer = UITapGestureRecognizer(target: self, action: #selector(tap(_ :)))
            addGestureRecognizer(recognizer)
        }
    
        override func draw(_ rect: CGRect) {
    
            hitTestPaths = []
    
            var lastArcAngle = -CGFloat.pi
    
            func addArc(color: UIColor, percentage: CGFloat, index: Int) {
    
                let fullCircle = CGFloat.pi * 2
                let arcAngle = fullCircle * percentage
                let path = UIBezierPath(arcCenter: CGPoint(x: rect.width/2, y: rect.height/2), radius: 50, startAngle: lastArcAngle, endAngle: lastArcAngle + arcAngle, clockwise: true)
    
                color.setStroke()
                path.lineWidth = 20
                path.stroke()
                lastArcAngle += arcAngle
    
                // рисуем для проверки
                UIColor.black.setStroke()
                let outlinePath = hitTestPath(for: path)
                outlinePath.stroke()
    
                hitTestPaths.append(outlinePath)
            }
    
            addArc(color: .red, percentage: 1.5 / 6.0, index: 1)
            addArc(color: .green, percentage: 1.5 / 6.0, index: 2)
            addArc(color: .blue, percentage: 1.5 / 6.0, index: 3)
            addArc(color: .purple, percentage: 1.5 / 6.0,index: 4)
        }
    
        @objc func tap(_ recognizer: UITapGestureRecognizer) {
            let location = recognizer.location(in: self)
    
            if let hitPath = (hitTestPaths.first { $0.contains(location) }) {
                print("hit \(hitPath)")
            }
        }
    
        func hitTestPath(for path: UIBezierPath) -> UIBezierPath {
            let pathCopy = path.cgPath.copy(strokingWithWidth: 20, lineCap: .butt, lineJoin: .miter, miterLimit: 0)
            return UIBezierPath(cgPath: pathCopy)
        }
    
    }
    

    添加

    如果你需要将动作绑定到tapas,那么可以这样做,例如,如下所示 - 添加一个用于存储相关数据的结构

    import UIKit
    
    class ArcsView: UIView {
    
        typealias ArcAction = () -> Void
    
        struct ArcInfo {
            var outlinePath: UIBezierPath
            var action: ArcAction
        }
    
        private var arcInfos: [ArcInfo]!
    
        required init?(coder: NSCoder) {
            super.init(coder: coder)
    
            let recognizer = UITapGestureRecognizer(target: self, action: #selector(tap(_ :)))
            addGestureRecognizer(recognizer)
        }
    
        override func draw(_ rect: CGRect) {
    
            arcInfos = []
    
            var lastArcAngle = -CGFloat.pi
    
            func addArc(color: UIColor, percentage: CGFloat, index: Int, action: @escaping ArcAction) {
    
                let fullCircle = CGFloat.pi * 2
                let arcAngle = fullCircle * percentage
                let path = UIBezierPath(arcCenter: CGPoint(x: rect.width/2, y: rect.height/2), radius: 50, startAngle: lastArcAngle, endAngle: lastArcAngle + arcAngle, clockwise: true)
    
                color.setStroke()
                path.lineWidth = 20
                path.stroke()
                lastArcAngle += arcAngle
    
                // рисуем для проверки
                UIColor.black.setStroke()
                let outlinePath = hitTestPath(for: path)
                outlinePath.stroke()
    
                arcInfos.append(ArcInfo(outlinePath: outlinePath, action: action))
            }
    
            addArc(color: .red, percentage: 1.5 / 6.0, index: 1) {
                print("action 1")
            }
    
            addArc(color: .green, percentage: 1.5 / 6.0, index: 2) {
                print("action 2")
            }
    
            addArc(color: .blue, percentage: 1.5 / 6.0, index: 3) {
                print("action 3")
            }
    
            addArc(color: .purple, percentage: 1.5 / 6.0,index: 4) {
                print("action 4")
            }
        }
    
        @objc func tap(_ recognizer: UITapGestureRecognizer) {
            let location = recognizer.location(in: self)
    
            if let hitPath = (arcInfos.first { $0.outlinePath.contains(location) }) {
                hitPath.action()
            }
        }
    
        func hitTestPath(for path: UIBezierPath) -> UIBezierPath {
            let pathCopy = path.cgPath.copy(strokingWithWidth: 20, lineCap: .butt, lineJoin: .miter, miterLimit: 0)
            return UIBezierPath(cgPath: pathCopy)
        }
    
    }
    
    • 1

相关问题

  • UIImageView 相对于 superview 缩放后的位置

  • 在密码中授权 type basic 时,符号#swift 4 被错误传输到服务器

  • 将 AppDelegate.h 添加到项目中

  • 调用共享表时出错

  • 接近传感器模拟

  • 帮助 ios 应用程序架构 (MVP)

Sidebar

Stats

  • 问题 10021
  • Answers 30001
  • 最佳答案 8000
  • 用户 6900
  • 常问
  • 回答
  • Marko Smith

    如何从列表中打印最大元素(str 类型)的长度?

    • 2 个回答
  • Marko Smith

    如何在 PyQT5 中清除 QFrame 的内容

    • 1 个回答
  • Marko Smith

    如何将具有特定字符的字符串拆分为两个不同的列表?

    • 2 个回答
  • Marko Smith

    导航栏活动元素

    • 1 个回答
  • Marko Smith

    是否可以将文本放入数组中?[关闭]

    • 1 个回答
  • Marko Smith

    如何一次用多个分隔符拆分字符串?

    • 1 个回答
  • Marko Smith

    如何通过 ClassPath 创建 InputStream?

    • 2 个回答
  • Marko Smith

    在一个查询中连接多个表

    • 1 个回答
  • Marko Smith

    对列表列表中的所有值求和

    • 3 个回答
  • Marko Smith

    如何对齐 string.Format 中的列?

    • 1 个回答
  • Martin Hope
    Alexandr_TT 2020年新年大赛! 2020-12-20 18:20:21 +0000 UTC
  • Martin Hope
    Alexandr_TT 圣诞树动画 2020-12-23 00:38:08 +0000 UTC
  • Martin Hope
    Air 究竟是什么标识了网站访问者? 2020-11-03 15:49:20 +0000 UTC
  • Martin Hope
    Qwertiy 号码显示 9223372036854775807 2020-07-11 18:16:49 +0000 UTC
  • Martin Hope
    user216109 如何为黑客设下陷阱,或充分击退攻击? 2020-05-10 02:22:52 +0000 UTC
  • Martin Hope
    Qwertiy 并变成3个无穷大 2020-11-06 07:15:57 +0000 UTC
  • Martin Hope
    koks_rs 什么是样板代码? 2020-10-27 15:43:19 +0000 UTC
  • Martin Hope
    Sirop4ik 向 git 提交发布的正确方法是什么? 2020-10-05 00:02:00 +0000 UTC
  • Martin Hope
    faoxis 为什么在这么多示例中函数都称为 foo? 2020-08-15 04:42:49 +0000 UTC
  • Martin Hope
    Pavel Mayorov 如何从事件或回调函数中返回值?或者至少等他们完成。 2020-08-11 16:49:28 +0000 UTC

热门标签

javascript python java php c# c++ html android jquery mysql

Explore

  • 主页
  • 问题
    • 热门问题
    • 最新问题
  • 标签
  • 帮助

Footer

RError.com

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

帮助

© 2023 RError.com All Rights Reserve   沪ICP备12040472号-5