кнопка с углом и скрыть нижнюю границу - PullRequest
Новая
       103

кнопка с углом и скрыть нижнюю границу

1 голос
/ 29 мая 2020

Результат, который я хочу

The result i want

что я получаю:

what i'm getting

я использую этот код: 

    func roundedTopLeftButton(radius : Int, colorBorder : UIColor) {
    // Add border
       let gradient = CAGradientLayer()
       let size = CGSize(width: self.frame.width, height: self.frame.height)
       let rect = CGRect(origin: .zero, size: size)
       gradient.frame =  CGRect(origin: CGPoint.zero, size: size)
       gradient.colors = [UIColor.blue.cgColor, UIColor.green.cgColor]


       let shape = CAShapeLayer()
       shape.lineWidth = 2


       shape.path = UIBezierPath(roundedRect: rect,
       byRoundingCorners: [.topLeft , .topRight],
       cornerRadii: CGSize(width: radius, height: radius)).cgPath
       shape.strokeColor = colorBorder.cgColor
       shape.fillColor = UIColor.clear.cgColor
       gradient.mask = shape

    self.layer.addSublayer(shape)
}

как можно скрыть нижнюю границу для кнопки Paiements, пожалуйста?

1 Ответ

2 голосов
/ 29 мая 2020

Используйте произвольный путь, с радиусом угла нет ничего сложного. Вам просто нужно нарисовать свою фигуру на листе бумаги. Отметьте интересующее вас место, немного ознакомьтесь с тригонометрией (и это только для того, чтобы знать углы) и немного по основам c геометрии. 

let path = UIBezierPath()
path.move(to: CGPoint(x: 0, y: bounds.size.height))
path.addLine(to: CGPoint(x: 0, y: radius))
path.addArc(withCenter: CGPoint(x: radius, y: radius),
            radius: radius,
            startAngle: CGFloat.pi,
            endAngle: -CGFloat.pi/2.0,
            clockwise: true)
path.addLine(to: CGPoint(x: bounds.size.width - radius, y: 0))
path.addArc(withCenter: CGPoint(x: bounds.width - radius, y: radius),
            radius: radius,
            startAngle: -CGFloat.pi/2.0,
            endAngle: 0,
            clockwise: true)
path.addLine(to: CGPoint(x: bounds.size.width, y: bounds.size.height))
...