Wie kann man den cornerRadius nur für die obere linke und obere rechte Ecke einer UIView festlegen?

Question

Gibt es eine Möglichkeit, den cornerRadius nur für die obere linke und obere rechte Ecke einer UIView zu setzen?

Ich habe Folgendes versucht, aber danach konnte ich die Ansicht nicht mehr sehen.

UIView *view = [[UIView alloc] initWithFrame:frame];

CALayer *layer = [CALayer layer];
UIBezierPath *shadowPath = [UIBezierPath bezierPathWithRoundedRect:frame byRoundingCorners:(UIRectCornerTopLeft|UIRectCornerTopRight) cornerRadii:CGSizeMake(3.0, 3.0)];
layer.shadowPath = shadowPath.CGPath;
view.layer.mask = layer;

Answer 1

iOS 11 , Swift 4
Und Sie können diesen Code ausprobieren:

if #available(iOS 11.0, *) {
   element.clipsToBounds = true
   element.layer.cornerRadius = CORNER_RADIUS
   element.layer.maskedCorners = [.layerMaxXMaxYCorner]
} else {
   // Fallback on earlier versions
}

Und Sie können dies in der TableView-Zelle verwenden.

Answer 2

Meine Lösung zum Abrunden bestimmter Ecken von UIView und UITextFields in Swift besteht darin,

.layer.cornerRadius

und

layer.maskedCorners

der tatsächlichen UIView oder UITextFields zu verwenden.

Beispiel:

fileprivate func inputTextFieldStyle() {
        inputTextField.layer.masksToBounds = true
        inputTextField.layer.borderWidth = 1
        inputTextField.layer.cornerRadius = 25
        inputTextField.layer.maskedCorners = [.layerMaxXMaxYCorner,.layerMaxXMinYCorner]
        inputTextField.layer.borderColor = UIColor.white.cgColor
    }

Und durch die Verwendung von

.layerMaxXMaxYCorner

und

.layerMaxXMinYCorner

kann ich angeben, dass die obere rechte und untere rechte Ecke des UITextField abgerundet werden sollen.

Sie können das Ergebnis hier sehen:

Answer 3

Versuche diesen Code:

UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:view.bounds byRoundingCorners:( UIRectCornerTopLeft | UIRectCornerTopRight) cornerRadii:CGSizeMake(5.0, 5.0)];

CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init];
maskLayer.frame = self.view.bounds;
maskLayer.path  = maskPath.CGPath;

view.layer.mask = maskLayer;

Answer 4

Emma: .TopRight und .BottomRight funktionieren vielleicht nicht für dich, weil der Aufruf von view.roundCorners VOR der endgültigen Berechnung der view.bounds erfolgt. Beachte, dass der Bezier Path von den view bounds abgeleitet ist, wenn er aufgerufen wird. Wenn beispielsweise das Auto-Layout die Ansicht verengt, könnten die abgerundeten Ecken auf der rechten Seite außerhalb der Ansicht liegen. Versuche es in viewDidLayoutSubviews aufzurufen, wo die Grenzen der Ansicht endgültig sind.

Answer 5

Swift 4

extension UIView {

    func roundTop(radius:CGFloat = 5){
        self.clipsToBounds = true
        self.layer.cornerRadius = radius
        if #available(iOS 11.0, *) {
            self.layer.maskedCorners = [.layerMaxXMinYCorner, .layerMinXMinYCorner]
        } else {
            // Fallback on earlier versions
        }
    }

    func roundBottom(radius:CGFloat = 5){
        self.clipsToBounds = true
        self.layer.cornerRadius = radius
        if #available(iOS 11.0, *) {
            self.layer.maskedCorners = [.layerMaxXMaxYCorner, .layerMinXMaxYCorner]
        } else {
            // Fallback on earlier versions
        }
    }
}