Meine Login-Ansicht hat eine Unteransicht mit einem UIActivityView und UILabelsagen : „In Signing ...“. Diese Unteransicht hat Ecken, die nicht abgerundet sind. Wie kann ich sie rund machen?

Gibt es eine Möglichkeit, dies in meinem xib zu tun?

Versuche dies

#import <QuartzCore/QuartzCore.h> // not necessary for 10 years now  :)

...

view.layer.cornerRadius = 5;
view.layer.masksToBounds = true;

Hinweis: Wenn Sie versuchen, abgerundete Ecken auf UIViewControllerdie Ansicht einer Ansicht anzuwenden , sollte diese nicht im Konstruktor des Ansichtscontrollers angewendet werden, sondern in -viewDidLoad, nachdem sie viewtatsächlich instanziiert wurde.

Sie können auch die Funktion Benutzerdefinierte Laufzeitattribute des Interface Builder verwenden, um den Schlüsselpfad layer.cornerRadiusauf einen Wert festzulegen. Stellen Sie jedoch sicher, dass Sie die QuartzCoreBibliothek einschließen .

Dieser Trick funktioniert auch zum Festlegen von layer.borderWidth, funktioniert jedoch nicht, layer.borderColorda dies ein CGColornicht a erwartetUIColor .

Sie können die Effekte im Storyboard nicht sehen, da diese Parameter zur Laufzeit ausgewertet werden.

Jetzt können Sie eine schnelle Kategorie in UIView (Code unter dem Bild) in @IBInspectable verwenden, um das Ergebnis im Storyboard anzuzeigen. (Wenn Sie die Kategorie verwenden, verwenden Sie nur CornerRadius und nicht layer.cornerRadius als Schlüsselpfad.

extension UIView {
    @IBInspectable var cornerRadius: CGFloat {
        get {
            return layer.cornerRadius
        }
        set {
            layer.cornerRadius = newValue
            layer.masksToBounds = newValue > 0
        }
    }
}

Schnell

Kurze Antwort:

myView.layer.cornerRadius = 8
myView.layer.masksToBounds = true  // optional

Ergänzende Antwort

Wenn Sie zu dieser Antwort gekommen sind, haben Sie wahrscheinlich bereits genug gesehen, um Ihr Problem zu lösen. Ich füge diese Antwort hinzu, um ein bisschen mehr visuelle Erklärung dafür zu geben, warum Dinge das tun, was sie tun.

Wenn Sie mit einem regulären beginnen UIView, hat es quadratische Ecken.

let blueView = UIView()
blueView.frame = CGRect(x: 100, y: 100, width: 100, height: 50)
blueView.backgroundColor = UIColor.blueColor()
view.addSubview(blueView)

Sie können es um runde Ecken geben, indem Sie die cornerRadiusEigenschaft der Ansicht ändern layer.

blueView.layer.cornerRadius = 8

Größere Radiuswerte ergeben abgerundete Ecken

blueView.layer.cornerRadius = 25

und kleinere Werte ergeben weniger abgerundete Ecken.

blueView.layer.cornerRadius = 3

Dies könnte ausreichen, um Ihr Problem genau dort zu lösen. Manchmal kann eine Ansicht jedoch eine Unteransicht oder eine Unterschicht haben, die außerhalb der Grenzen der Ansicht liegt. Wenn ich zum Beispiel eine Unter hinzuzufügen Ansicht wie diese

let mySubView = UIView()
mySubView.frame = CGRect(x: 20, y: 20, width: 100, height: 100)
mySubView.backgroundColor = UIColor.redColor()
blueView.addSubview(mySubView)

oder wenn ich eine Unter hinzuzufügen Schicht wie diese

let mySubLayer = CALayer()
mySubLayer.frame = CGRect(x: 20, y: 20, width: 100, height: 100)
mySubLayer.backgroundColor = UIColor.redColor().CGColor
blueView.layer.addSublayer(mySubLayer)

Dann würde ich mit enden

Wenn ich nicht möchte, dass Dinge außerhalb der Grenzen hängen, kann ich das tun

blueView.clipsToBounds = true

oder dieses

blueView.layer.masksToBounds = true

was dieses Ergebnis gibt:

Beide clipsToBoundsund masksToBoundssind gleichwertig . Es ist nur so, dass der erste mit UIViewund der zweite mit verwendet wird CALayer.

Siehe auch

• So fügen Sie Rahmen und Schatten hinzu
• Bezier Pfade
• Transformationen

Ein anderer Ansatz als der von Ed Marty:

#import <QuartzCore/QuartzCore.h>

[v.layer setCornerRadius:25.0f];
[v.layer setMasksToBounds:YES];

Sie benötigen die setMasksToBounds, um alle Objekte von IB zu laden ... Ich habe ein Problem, bei dem meine Ansicht gerundet wurde, aber die Objekte von IB nicht hatten: /

das hat es behoben = D hoffe es hilft!

Wie in diesem Blog-Beitrag beschrieben , gibt es hier eine Methode, um die Ecken eines UIView abzurunden:

+(void)roundView:(UIView *)view onCorner:(UIRectCorner)rectCorner radius:(float)radius
{
    UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:view.bounds
                                                   byRoundingCorners:rectCorner
                                                         cornerRadii:CGSizeMake(radius, radius)];
    CAShapeLayer *maskLayer = [[CAShapeLayer alloc] init];
    maskLayer.frame = view.bounds;
    maskLayer.path = maskPath.CGPath;
    [view.layer setMask:maskLayer];
    [maskLayer release];
}

Das Coole daran ist, dass Sie auswählen können, welche Ecken aufgerundet werden sollen.

Sie müssen zuerst die Header-Datei importieren <QuartzCore/QuartzCore.h>

 #import QuartzCore/QuartzCore.h>

[yourView.layer setCornerRadius:8.0f];
yourView.layer.borderColor = [UIColor redColor].CGColor;
yourView.layer.borderWidth = 2.0f;
[yourView.layer setMasksToBounds:YES];

Verpassen Sie nicht zu verwenden - setMasksToBoundssonst wird der Effekt möglicherweise nicht angezeigt.

Sie können die folgende benutzerdefinierte UIViewKlasse verwenden, die auch die Rahmenfarbe und -breite ändern kann. In diesem IBDesignalbeFall können Sie die Attribute auch im Interface Builder ändern.

import UIKit

@IBDesignable public class RoundedView: UIView {

    @IBInspectable var borderColor: UIColor = UIColor.white {
        didSet {
            layer.borderColor = borderColor.cgColor
        }
    }

    @IBInspectable var borderWidth: CGFloat = 2.0 {
        didSet {
            layer.borderWidth = borderWidth
        }
    }

    @IBInspectable var cornerRadius: CGFloat = 0.0 {
        didSet {
            layer.cornerRadius = cornerRadius
        }
    }

}

UIView *view = [[UIView alloc] initWithFrame:CGRectMake(20, 50, 200, 200)];

view.layer.backgroundColor = [UIColor whiteColor].CGColor;
view.layer.cornerRadius = 20.0;
view.layer.frame = CGRectInset(v.layer.frame, 20, 20);

view.layer.shadowOffset = CGSizeMake(1, 0);
view.layer.shadowColor = [[UIColor blackColor] CGColor];
view.layer.shadowRadius = 5;
view.layer.shadowOpacity = .25;

[self.view addSubview:view];
[view release];

Swift 4 - Verwenden von IBDesignable

   @IBDesignable
    class DesignableView: UIView {
    }

    extension UIView
    {

        @IBInspectable
        var cornerRadius: CGFloat {
            get {
                return layer.cornerRadius
            }
            set {
            layer.cornerRadius = newValue
        }
    }
}

view.layer.cornerRadius = 25
view.layer.masksToBounds = true

- SwiftUI

In SwiftUI können Sie den cornerRadiusModifikator direkt für jeden Viewgewünschten verwenden. Zum Beispiel dieser Frage:

Text("Signing In…")
    .padding(16)
    .background(Color.red)
    .cornerRadius(50)

Beachten Sie, dass es keinen diamantähnlichen Radius mehr gibt. Selbst wenn Sie den Eckradius auf mehr als die Hälfte der Höhe einstellen einstellen, wird er glatt gerundet.

Überprüfen Sie diese Antwort, um zu erfahren, wie bestimmte Ecken in SwiftUI gerundet werden

Bitte importieren , Quartzcore frameworkdann haben Sie zu Satz setMaskToBoundszuTRUE die sehr wichtige Linie dieses.

Dann: [[yourView layer] setCornerRadius:5.0f];

UIView* viewWithRoundedCornersSize(float cornerRadius,UIView * original)
{
    // Create a white border with defined width
    original.layer.borderColor = [UIColor yellowColor].CGColor;
    original.layer.borderWidth = 1.5;

    // Set image corner radius
    original.layer.cornerRadius =cornerRadius;

    // To enable corners to be "clipped"
    [original setClipsToBounds:YES];
    return original;
}

Tun Sie dies programmgesteuert in obj c

UIView *view = [[UIView alloc] initWithFrame:CGRectMake(20, 50,    200, 200)];

view.layer.backgroundColor = [UIColor whiteColor].CGColor;
view.layer.cornerRadius = 20.0;
view.layer.frame = CGRectInset(v.layer.frame, 20, 20);

[view.layer.shadowOffset = CGSizeMake(1, 0);
view.layer.shadowColor = [[UIColor blackColor] CGColor];
view.layer.shadowRadius = 5;
view.layer.shadowOpacity = .25;][1]

[self.view addSubview:view];

Wir können dies auch von stoaryboard aus tun.

 layer.cornerRadius  Number  5

Wenn die runde Ecke in viewDidload () nicht funktioniert, ist es besser, Code in viewDidLayoutSubview () zu schreiben.

-(void)viewDidLayoutSubviews
{
    viewTextfield.layer.cornerRadius = 10.0 ;                                               
    viewTextfield.layer.borderWidth = 1.0f;
    viewTextfield.layer.masksToBounds =  YES;
    viewTextfield.layer.shadowRadius = 5;
    viewTextfield.layer.shadowOpacity = 0.3;
    viewTextfield.clipsToBounds = NO;
    viewTextfield.layer.shadowOffset = CGSizeMake(0.0f, 0.0f);
}

Hoffe das hilft!

Sie können auch ein Bild verwenden:

UIImage *maskingImage = [UIImage imageNamed:@"bannerBarBottomMask.png"];
CALayer *maskingLayer = [CALayer layer];
maskingLayer.frame = CGRectMake(-(self.yourView.frame.size.width - self.yourView.frame.size.width) / 2
                                , 0
                                , maskingImage.size.width
                                , maskingImage.size.height);
[maskingLayer setContents:(id)[maskingImage CGImage]];
[self.yourView.layer setMask:maskingLayer];

setze eckeRadious Eigenschaft für runde Ansicht

set masksToBounds Boolescher Wert für das Bild wird immer noch nicht außerhalb der Eckenradiusgrenze gezeichnet

view.layer.cornerRadius = 5;

view.layer.masksToBounds = YES;

Verwenden der UIView-Erweiterung:

extension UIView {    

func addRoundedCornerToView(targetView : UIView?)
{
    //UIView Corner Radius
    targetView!.layer.cornerRadius = 5.0;
    targetView!.layer.masksToBounds = true

    //UIView Set up boarder
    targetView!.layer.borderColor = UIColor.yellowColor().CGColor;
    targetView!.layer.borderWidth = 3.0;

    //UIView Drop shadow
    targetView!.layer.shadowColor = UIColor.darkGrayColor().CGColor;
    targetView!.layer.shadowOffset = CGSizeMake(2.0, 2.0)
    targetView!.layer.shadowOpacity = 1.0
}
}

Verwendungszweck:

override func viewWillAppear(animated: Bool) {

sampleView.addRoundedCornerToView(statusBarView)

}

In Swift 4.2 und Xcode 10.1

let myView = UIView()
myView.frame = CGRect(x: 200, y: 200, width: 200, height: 200)
myView.myViewCorners()
//myView.myViewCorners(width: myView.frame.width)//Pass View width
view.addSubview(myView)

extension UIView {
    //If you want only round corners
    func myViewCorners() {
        layer.cornerRadius = 10
        layer.borderWidth = 1.0
        layer.borderColor = UIColor.red.cgColor
        layer.masksToBounds = true
    }
    //If you want complete round shape, enable above comment line
    func myViewCorners(width:CGFloat) {
        layer.cornerRadius = width/2
        layer.borderWidth = 1.0
        layer.borderColor = UIColor.red.cgColor
        layer.masksToBounds = true
    }
}

ON Xcode 6 Ihr Versuch

     self.layer.layer.cornerRadius = 5.0f;

oder

    self.layer.layer.cornerRadius = 5.0f;
    self.layer.clipsToBounds = YES;