Какао: установите маску NSView как CAShapeLayer

Привет, я пытаюсь установить CAShapeLayer внутри на NSView. Но я не могу установить угловой радиус CAShapeLayer вне функции draw(_ dirtyRect: NSRect).

Я должен использовать CAShapeLayer, чтобы установить NSBezierPath для рисования пользовательских фигур. Итак, только я использую CAShapeLayer вместо значения по умолчанию NSView CALayer.

Вот код:

расширение NSBezierPath

extension NSBezierPath {
    
    var cgPath: CGPath {
        let path = CGMutablePath()
        var points = [CGPoint](repeating: .zero, count: 3)
        for i in 0 ..< elementCount {
            let type = element(at: i, associatedPoints: &points)
            switch type {
            case .moveTo: path.move(to: points[0])
            case .lineTo: path.addLine(to: points[0])
            case .curveTo: path.addCurve(to: points[2], control1: points[0], control2: points[1])
            case .closePath: path.closeSubpath()
       
            @unknown default:
                fatalError("Unknown!")
            }
        }
        return path
    }
    
}

CustomView.swift

class CustomView: NSView{
    
    let shapeLayer = CAShapeLayer()
    
    var cornerRadius: CGFloat {
        
        set{
            
            
            let path = NSBezierPath(roundedRect: bounds, xRadius: newValue, yRadius: newValue)
            shapeLayer.path = path.cgPath
            path.close()
           
        }
        
        get{
            
            return shapeLayer.cornerRadius
        }
    }
    
    var backgroundColor: NSColor{
        
        set{
            
            shapeLayer.fillColor = newValue.cgColor
        }
        
        get{
            
            return NSColor(cgColor: shapeLayer.backgroundColor ?? .clear)!
         }
    }
    
    init() {
        
        super.init(frame: .zero)
        
        wantsLayer = true
        shapeLayer.masksToBounds = true
        layer?.addSublayer(shapeLayer)
//      layer?.mask = shapeLayer
//      layer?.masksToBounds = true
    }
    
    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    override func draw(_ dirtyRect: NSRect) {
        
        shapeLayer.frame = dirtyRect
        
        let path = NSBezierPath(rect: dirtyRect)
        shapeLayer.path = path.cgPath
 
//      shapeLayer.cornerRadius = 22
        shapeLayer.borderColor = NSColor.black.cgColor
        shapeLayer.borderWidth = 2.0
        path.close()
    }
}

ViewController.swift

class ViewController: NSViewController {

    private lazy var customView: CustomView = {
        
        let customView = CustomView()
        
        view.addSubview(customView)
        customView.translatesAutoresizingMaskIntoConstraints = false
        
        NSLayoutConstraint.activate([
        
            customView.centerYAnchor.constraint(equalTo: view.centerYAnchor),
            customView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            customView.heightAnchor.constraint(equalToConstant: 44),
            customView.widthAnchor.constraint(equalToConstant: 144)
        ])
        
        return customView
 
    }()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
//        customView.layer?.cornerRadius  = 22
        customView.backgroundColor = .red
        customView.cornerRadius = 22

     }

    override var representedObject: Any? {
        didSet {
        // Update the view, if already loaded.
        }
    }


}

Текущий выход:

Ожидаемый результат:

Код прокомментирован в прилагаемых кодах.

Пожалуйста, помогите мне решить эту проблему. Заранее спасибо...

Стоит ли изучать PHP в 2023-2024 годах?
Стоит ли изучать PHP в 2023-2024 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
1
0
243
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Ниже приведен простой пример. Сначала нарисуйте простой прямоугольник с подклассом NSView. Поэтому создайте экземпляр, чтобы создать объект с контроллером представления. Затем используйте слой объекта, чтобы сделать его круглым прямоугольником с цветом обводки.

// Subclass of `NSView` //
import Cocoa

class MyView: NSView {
    var fillColor: NSColor
    init(frame: CGRect, fillColor: NSColor){
        self.fillColor = fillColor
        super.init(frame: frame)
    }
    
    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }
    
    override func draw(_ rect: NSRect) {
        super.draw(rect)
        
        let path = NSBezierPath()
        path.move(to: CGPoint.zero)
        path.line(to: CGPoint(x: 0.0, y: self.frame.height))
        path.line(to: CGPoint(x: self.frame.width, y: self.frame.height))
        path.line(to: CGPoint(x: self.frame.width, y: 0.0))
        path.line(to: CGPoint.zero)
        fillColor.set()
        path.fill()
    }
}

// View controller //
import Cocoa

class ViewController: NSViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        
        let rect = CGRect(origin: CGPoint(x: 50, y: 50), size: CGSize(width: 200, height: 50))
        let myView = MyView(frame: rect, fillColor: NSColor.red)
        myView.wantsLayer = true
        if let myLayer = myView.layer {
            myLayer.cornerRadius = 24.0
            myLayer.borderWidth = 4.0
            //myLayer.borderColor = NSColor.green.cgColor
        }
        view.addSubview(myView)
    }
}

Другие вопросы по теме