Ma vue de connexion a une sous-vue qui a un UIActivityViewet un UILabeldicton «Connexion…». Cette sous-vue a des coins qui ne sont pas arrondis. Comment puis-je les arrondir?

Existe-t-il un moyen de le faire à l'intérieur de mon xib?

Essaye ça

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

...

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

Remarque: Si vous essayez d'appliquer des coins arrondis à UIViewControllerla vue d'un, il ne doit pas être appliqué dans le constructeur du contrôleur de vue, mais plutôt dans -viewDidLoad, après viewest réellement instancié.

Vous pouvez également utiliser la fonction Attributs d'exécution définis par l' utilisateur du générateur d'interface pour définir le chemin layer.cornerRadiusd' accès à une valeur. Assurez-vous cependant d'inclure la QuartzCorebibliothèque.

Cette astuce fonctionne également pour définir layer.borderWidth mais cela ne fonctionnera pas layer.borderColorcar cela attend un CGColorpas un UIColor.

Vous ne pourrez pas voir les effets dans le storyboard car ces paramètres sont évalués au moment de l'exécution.

Vous pouvez maintenant utiliser une catégorie rapide dans UIView (code sous l'image) avec @IBInspectable pour afficher le résultat sur le storyboard (si vous utilisez la catégorie, utilisez uniquement cornerRadius et non layer.cornerRadius comme chemin de clé.

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

Rapide

Réponse courte:

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

Réponse supplémentaire

Si vous êtes parvenu à cette réponse, vous en avez probablement déjà vu assez pour résoudre votre problème. J'ajoute cette réponse pour donner un peu plus d'explications visuelles sur les raisons pour lesquelles les choses font ce qu'elles font.

Si vous commencez avec un régulier, UIViewil a des coins carrés.

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

Vous pouvez lui donner des coins arrondis en modifiant la cornerRadiuspropriété de la vue layer.

blueView.layer.cornerRadius = 8

Des valeurs de rayon plus grandes donnent des coins plus arrondis

blueView.layer.cornerRadius = 25

et des valeurs plus petites donnent des coins moins arrondis.

blueView.layer.cornerRadius = 3

Cela pourrait suffire à résoudre votre problème. Cependant, une vue peut parfois avoir une sous-vue ou une sous-couche qui dépasse les limites de la vue. Par exemple, si je devais ajouter une vue secondaire comme celle-ci

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

ou si je devais ajouter une sous- couche comme celle-ci

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

Ensuite, je me retrouverais avec

Maintenant, si je ne veux pas que les choses dépassent des limites, je peux le faire

blueView.clipsToBounds = true

ou ca

blueView.layer.masksToBounds = true

ce qui donne ce résultat:

Les deux clipsToBoundset masksToBoundssont équivalents . C'est juste que le premier est utilisé avec UIViewet le second est utilisé avec CALayer.

Voir également

• Comment ajouter des bordures et des ombres
• Sentiers de Bézier
• Transformations

Une approche différente de celle d'Ed Marty:

#import <QuartzCore/QuartzCore.h>

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

Vous avez besoin de setMasksToBounds pour qu'il charge tous les objets d'IB ... j'ai un problème où ma vue a été arrondie, mais je n'ai pas eu les objets d'IB: /

cela l'a corrigé = D j'espère que ça aide!

Comme décrit dans cet article de blog , voici une méthode pour contourner les coins d'un UIView:

+(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];
}

La partie intéressante à ce sujet est que vous pouvez sélectionner les coins que vous souhaitez arrondir.

Vous devez d'abord importer le fichier d'en-tête <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];

Ne manquez pas d'utiliser - setMasksToBounds, sinon l'effet peut ne pas être affiché.

Vous pouvez utiliser la UIViewclasse personnalisée suivante qui peut également modifier la couleur et la largeur de la bordure. En l'état, IBDesignalbevous pouvez également modifier les attributs dans le générateur d'interface.

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 - Utilisation d'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

Dans SwiftUI, vous pouvez utiliser le cornerRadiusmodificateur directement sur celui que Viewvous voulez. Par exemple de cette question:

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

Notez qu'il n'y a plus de rayon de type diamant, donc même si vous définissez le cornerRadius sur plus de la moitié de la hauteur , il arrondira en douceur.

Consultez cette réponse pour savoir comment arrondir des coins spécifiques dans SwiftUI

Veuillez importer Quartzcore frameworkpuis vous devez définir setMaskToBoundssur TRUEcette ligne la plus importante.

Alors: [[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;
}

Faites cela par programme en 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];

Nous pouvons également le faire à partir de stoaryboard.

 layer.cornerRadius  Number  5

si le coin rond ne fonctionne pas dans viewDidload (), il est préférable d'écrire du code dans viewDidLayoutSubview ()

-(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);
}

J'espère que cela t'aides!

Vous pouvez également utiliser une image:

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];

set cornerRadious Property for round View

set masksToBounds La valeur booléenne de l'image ne sera pas toujours dessinée en dehors de la limite du rayon d'angle

view.layer.cornerRadius = 5;

view.layer.masksToBounds = YES;

Utilisation de l'extension UIView:

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
}
}

Usage:

override func viewWillAppear(animated: Bool) {

sampleView.addRoundedCornerToView(statusBarView)

}

Dans Swift 4.2 et 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 Votre essai

     self.layer.layer.cornerRadius = 5.0f;

ou

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