UIView對角線邊框在一個角上-有解無憂

我有一個視圖需要在一側顯示一個傾斜的角。當視圖具有這樣的背景顏色時，我已經完成了它：

UIView 對角線邊框在一個角上

但我也需要它以清晰的背景顯示。將其背景設定為清除并為其添加邊框后，這是輸出：

UIView 對角線邊框在一個角上

這是我用來創建對角角的自定義視圖的代碼：

class PointedView: UIImageView {
    @IBInspectable var borderColor: UIColor = UIColor.clear {
        didSet {
            layer.borderColor = borderColor.cgColor
        }
    }
    
    @IBInspectable var borderWidth: CGFloat = 0 {
        didSet {
            layer.borderWidth = borderWidth
        }
    }
    
    @IBInspectable
    /// Percentage of the slant based on the width
    var slopeFactor: CGFloat = 15 {
        didSet {
            updatePath()
        }
    }
    
    private let shapeLayer: CAShapeLayer = {
        let shapeLayer = CAShapeLayer()
        shapeLayer.lineWidth = 0
        
        // with masks, the color of the shape layer doesn’t matter;
        // it only uses the alpha channel; the color of the view is
        // dictate by its background color
        shapeLayer.fillColor = UIColor.white.cgColor
        return shapeLayer
    }()
    
    override func layoutSubviews() {
        super.layoutSubviews()
        updatePath()
    }
    
    private func updatePath() {
        let path = UIBezierPath()
        
        // Start from x = 0 but the mid point of y of the view
        path.move(to: CGPoint(x: 0, y: bounds.midY*2))
        
        // Create the top slanting line
        path.addLine(to: CGPoint(x: bounds.minX, y: bounds.minY))
        
        // Straight line from end of slant to the end of the view
        path.addLine(to: CGPoint(x: bounds.maxX, y: bounds.minY))
        
        // Straight line to come down to the bottom, perpendicular to view
        path.addLine(to: CGPoint(x: bounds.maxX, y: ((bounds.maxY*3)/4)   20))
        
        // Go back to the slant end position but from the bottom
        path.addLine(to: CGPoint(x: (bounds.maxX*3)/4, y: bounds.maxY))
        
        // Close path back to where you started
        path.close()
        
        shapeLayer.path = path.cgPath
        layer.mask = shapeLayer
    }
}

有什么可能的解決方案嗎？

uj5u.com熱心網友回復：

設法通過按照與原始形狀相同的路徑繪制另一個 CAShapeLayer() 來解決它。

let borderLayer = CAShapeLayer()
borderLayer.path = path.cgPath
borderLayer.lineWidth = 2
borderLayer.strokeColor = borderColor.cgColor
borderLayer.fillColor = UIColor.clear.cgColor
borderLayer.frame = bounds
    
layer.addSublayer(borderLayer)

UIView 對角線邊框在一個角上

轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/532915.html

標籤：IOS迅速

上一篇：如何使用SwiftUI中的鍵盤箭頭在滾動視圖中滾動專案？

下一篇：如何為顫動的小部件串列安排可滾動布局？