Runde Spitze Ecken einer UIView und Rand hinzufügen

Ich habe folgenden code in einer Kategorie, hat die Rundung der Ecken. Ich würde auch gerne einen Rahmen zeichnen. Aber die Grenze ist nicht dargestellt, auf dem Runden Teil in der Ecke.

Runde Spitze Ecken einer UIView und Rand hinzufügen

Hier ist der code

- (void) roundTopCorners:(CGFloat) radius
{
    self.layer.masksToBounds = YES;

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

    CAShapeLayer *maskLayer = [CAShapeLayer layer];
    maskLayer.frame = bounds;
    maskLayer.path = maskPath.CGPath;
    maskLayer.strokeColor = [UIColor redColor].CGColor;

    self.layer.mask = maskLayer;
}
  • "Beachten Sie, dass, wenn Sie versuchen, verwenden Sie diese Art des framing auf Ansichten, die Größe dynamisch (in Reaktion auf autorotation zum Beispiel) du musst ein bisschen vorsichtiger sein, da die Schichten nicht nutzen kann, "auto-layout". In diesem Fall die beste Lösung ist wahrscheinlich zu erstellen Sie eine benutzerdefinierte UITextField und implementieren layerClass die Rückgabe eines benutzerdefinierten layer-Klasse, die sich dynamisch ändert, Schichten, ähnlich denen weiter oben erstellt haben. @David Berry" eigentlich ist es nicht so, dass ticky, wenn Sie wollen die Größe aller dieser Schichten, setzen Sie einfach den code in der viewDidAppear, es wird funktionieren!
InformationsquelleAutor aniruddhc | 2014-03-14
  1. 39

    The mask layer nicht gezeichnet, nur zur Berechnung der Maske. Versuchen:

    -(void)roundCorners:(UIRectCorner)corners radius:(CGFloat)radius
{
    CGRect bounds = self.bounds;
    UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:bounds
                                                   byRoundingCorners:corners
                                                         cornerRadii:CGSizeMake(radius, radius)];

    CAShapeLayer *maskLayer = [CAShapeLayer layer];
    maskLayer.frame = bounds;
    maskLayer.path = maskPath.CGPath;

    self.layer.mask = maskLayer;

    CAShapeLayer*   frameLayer = [CAShapeLayer layer];
    frameLayer.frame = bounds;
    frameLayer.path = maskPath.CGPath;
    frameLayer.strokeColor = [UIColor redColor].CGColor;
    frameLayer.fillColor = nil;

    [self.layer addSublayer:frameLayer];
}

-(void)roundTopCornersRadius:(CGFloat)radius
{
    [self roundCorners:(UIRectCornerTopLeft|UIRectCornerTopRight) radius:radius];
}

-(void)roundBottomCornersRadius:(CGFloat)radius
{
    [self roundCorners:(UIRectCornerBottomLeft|UIRectCornerBottomRight) radius:radius];
}

    Den Rahmen, den Sie gerade sehen, gezeichnet wird, ist das UITextField normalen Rahmen, so stellen Sie die frame-Stil auf none. Sie müssen auch zum einstellen der Abstände make-up für die Tatsache, dass mit dem frame-Stil auf none gesetzt ist es normalerweise nicht eingelassen.

    • Beachten Sie, dass, wenn Sie versuchen, verwenden Sie diese Art des framing auf Ansichten, die Größe dynamisch (in Reaktion auf autorotation zum Beispiel) du musst ein bisschen vorsichtiger sein, da die Schichten nicht nutzen kann, "auto-layout". In diesem Fall die beste Lösung ist wahrscheinlich zu erstellen Sie eine benutzerdefinierte UITextField und implementieren layerClass die Rückgabe eines benutzerdefinierten layer-Klasse, die sich dynamisch ändert, Schichten, ähnlich denen weiter oben erstellt haben.
    • Danke!! Deine Lösung funktioniert wie ein Charme.
    • Dies ist ein guter Ansatz. Aber die Grenze wird nicht die richtige Dicke. Dies ist, weil der Strich für die Grenze ist die Hälfte innerhalb und zur Hälfte außerhalb der Maske. Es ist leicht genug, um fix - fügen Sie einfach die folgenden: frameLayer.lineWidth = borderWidth*2; wo borderWidth ist die gewünschte Randbreite.
    • irgendwann etwas ähnliches war dort zu berücksichtigen, für die Linienbreite. Ich glaube, ich war tatsächlich insetting den Pfad durch die entsprechende Menge, aber die Verdoppelung der Dicke läuft in etwa das selbe und ist einfacher.
    • guter Punkt
    • So rufen Sie diese Methoden in der uitableviewcell

    InformationsquelleAutor David Berry
  2. 13

    Swift version von David Berry's Antwort:

    func roundCorners(corners:UIRectCorner, radius:CGFloat) {
    let bounds = self.bounds

    let maskPath = UIBezierPath(roundedRect: bounds, byRoundingCorners: corners, cornerRadii: CGSizeMake(radius, radius))

    let maskLayer = CAShapeLayer()
    maskLayer.frame = bounds
    maskLayer.path = maskPath.CGPath

    self.layer.mask = maskLayer

    let frameLayer = CAShapeLayer()
    frameLayer.frame = bounds
    frameLayer.path = maskPath.CGPath
    frameLayer.strokeColor = UIColor.redColor().CGColor
    frameLayer.fillColor = nil

    self.layer.addSublayer(frameLayer)
}

func roundTopCornersRadius(radius:CGFloat) {
    self.roundCorners([UIRectCorner.TopLeft, UIRectCorner.TopRight], radius:radius)
}

func roundBottomCornersRadius(radius:CGFloat) {
    self.roundCorners([UIRectCorner.BottomLeft, UIRectCorner.BottomRight], radius:radius)
}
    • Tolle Sachen chaps. Cheers 'N'.
    InformationsquelleAutor Vojtech Vrbka
  3. 3

    dies ist wahrscheinlich eine sehr späte Antwort, aber ich möchte nur zu teilen die Lösung kam ich mit basieren auf den Antworten von verschiedenen Menschen aus verschiedenen ähnlichen Fragen. Ich bekam grosse Hilfe von Vojtech Antwort oben.

    extension UIView {
    func EZRoundCorners(corners:UIRectCorner, radius: CGFloat) -> CAShapeLayer {
        let path = UIBezierPath(roundedRect: self.bounds, byRoundingCorners: corners, cornerRadii: CGSize(width: radius, height: radius))
        let mask = CAShapeLayer()
        mask.path = path.CGPath
        self.layer.mask = mask
        return mask
    }

    func EZRoundCornersWithBorder(corners:UIRectCorner, radius:CGFloat, color:UIColor, width:CGFloat) -> CAShapeLayer {

        let mask = self.EZRoundCorners(corners, radius: radius)

        //Add border
        let borderLayer = EZCALayer()
        borderLayer.path = mask.path //Reuse the Bezier path
        borderLayer.fillColor = UIColor.clearColor().CGColor
        borderLayer.strokeColor = color.CGColor
        borderLayer.lineWidth = width
        borderLayer.frame = self.bounds
        self.layer.addSublayer(borderLayer)
        return borderLayer
    }

    func removeEZLayers () {
        for layer in self.layer.sublayers! {
            if layer is EZCALayer {
                layer.removeFromSuperlayer()
            }
        }
    }
}

class EZCALayer : CAShapeLayer {
}

    Habe ich geerbt von CAShapeLayer so kann ich den Rahmen entfernen Unterebenen, wenn ich nicht verwenden will Sie nicht mehr.

    InformationsquelleAutor cessmestreet
Schreibe einen Kommentar