Minha visualização de login possui uma subview que possui um UIActivityView e um UILabelditado "Conectando ...". Essa subvisão possui cantos que não são arredondados. Como posso fazê-los circular?

Existe alguma maneira de fazer isso dentro do meu xib?

Tente isto

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

...

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

Nota: Se você estiver tentando aplicar cantos arredondados à UIViewControllervisualização de uma, ela não deve ser aplicada no construtor do controlador de visualização, mas sim -viewDidLoad, após, na viewverdade , é instanciada.

Você também pode usar o recurso Atributos de Tempo de Execução Definidos pelo Usuário do construtor de interface para definir o caminho da chave layer.cornerRadiuspara um valor. Certifique-se de incluir a QuartzCorebiblioteca.

Esse truque também funciona para definir layer.borderWidth, no entanto, não funcionará, layer.borderColorpois espera-se que CGColornão seja a UIColor.

Você não poderá ver os efeitos no storyboard porque esses parâmetros são avaliados em tempo de execução.

Agora você pode usar uma categoria rápida no UIView (código abaixo da imagem) com @IBInspectable para mostrar o resultado no storyboard (se você estiver usando a categoria, use apenas cornerRadius e não layer.cornerRadius como caminho principal.

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

Rápido

Resposta curta:

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

Resposta complementar

Se você chegou a esta resposta, provavelmente já viu o suficiente para resolver seu problema. Estou adicionando esta resposta para dar uma explicação visual mais detalhada de por que as coisas fazem o que fazem.

Se você começar com um regular, UIViewele tem cantos quadrados.

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

Você pode arredondá-lo alterando a cornerRadiuspropriedade da exibição layer.

blueView.layer.cornerRadius = 8

Valores de raio maiores fornecem mais cantos arredondados

blueView.layer.cornerRadius = 25

e valores menores fornecem menos cantos arredondados.

blueView.layer.cornerRadius = 3

Isso pode ser suficiente para resolver seu problema ali mesmo. No entanto, às vezes uma exibição pode ter uma subvisão ou uma subcamada que fica fora dos limites da exibição. Por exemplo, se eu fosse para adicionar uma sub vista como esta

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

ou se eu adicionasse uma sub- camada como esta

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

Então eu terminaria com

Agora, se eu não quiser coisas penduradas fora dos limites, posso fazer isso

blueView.clipsToBounds = true

ou isto

blueView.layer.masksToBounds = true

o que dá esse resultado:

Ambos clipsToBoundse masksToBoundssão equivalentes . É apenas que o primeiro é usado com UIViewe o segundo é usado com CALayer.

Veja também

• Como adicionar bordas e sombra
• Caminhos de Bezier
• Transformações

Uma abordagem diferente da que Ed Marty fez:

#import <QuartzCore/QuartzCore.h>

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

Você precisa do setMasksToBounds para carregar todos os objetos do IB ... eu tenho um problema em que minha visão foi arredondada, mas não tinha os objetos do IB: /

isso corrigiu = D espero que ajude!

Conforme descrito nesta postagem do blog , aqui está um método para arredondar os cantos de um 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];
}

A parte interessante é que você pode selecionar os cantos que deseja arredondar.

Você precisa primeiro importar o arquivo de cabeçalho <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];

Não deixe de usar - setMasksToBoundscaso contrário, o efeito pode não ser mostrado.

Você pode usar a seguinte UIViewclasse personalizada, que também pode alterar a cor e a largura da borda. Assim, IBDesignalbevocê também pode alterar os atributos no construtor de interfaces.

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 - Usando o 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

No SwiftUI, você pode usar o cornerRadiusmodificador diretamente em qualquer um Viewque desejar. Por exemplo desta pergunta:

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

Observe que não há mais diamante como raio; portanto, mesmo se você definir o cantoRádio mais da metade da altura , ele arredondará suavemente.

Faça o checkout desta resposta para ver como arredondar cantos específicos no SwiftUI

Por favor, importe, Quartzcore frameworkentão você deve definir setMaskToBoundspara TRUEisso a linha muito importante.

Então: [[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;
}

Faça isso programaticamente em 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];

Também podemos fazer isso no stoaryboard.

 layer.cornerRadius  Number  5

se o canto redondo não funcionar em viewDidload () , é melhor escrever o código em 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);
}

Espero que isto ajude!

Você também pode usar uma imagem:

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

Propriedade CornerRadious para Round View

set masksToBounds O valor booleano da imagem ainda não será desenhado fora do limite do raio do canto

view.layer.cornerRadius = 5;

view.layer.masksToBounds = YES;

Usando a extensão 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
}
}

Uso:

override func viewWillAppear(animated: Bool) {

sampleView.addRoundedCornerToView(statusBarView)

}

No Swift 4.2 e no 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 Sua tentativa

     self.layer.layer.cornerRadius = 5.0f;

ou

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