Chế độ xem đăng nhập của tôi có một lượt xem có UIActivityViewmột UILabelcâu nói "Đăng nhập vào". Subview này có các góc không được làm tròn. Làm thế nào tôi có thể làm cho chúng tròn?

Có cách nào để làm điều đó trong xib của tôi không?

Thử cái này

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

...

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

Lưu ý: Nếu bạn đang cố gắng áp dụng các góc tròn cho UIViewControllerchế độ xem của nó, thì nó không nên được áp dụng trong hàm tạo của trình điều khiển khung nhìn, mà thay vào đó -viewDidLoad, sau khi viewthực sự được khởi tạo.

Bạn cũng có thể sử dụng tính năng Thuộc tính Thời gian chạy do Người dùng Xác định của trình tạo giao diện để đặt đường dẫn chính layer.cornerRadiusthành giá trị. Hãy chắc chắn rằng bạn bao gồm QuartzCorethư viện mặc dù.

Thủ thuật này cũng hoạt động để thiết lập layer.borderWidth tuy nhiên nó sẽ không hoạt động layer.borderColorvì điều này mong đợi CGColorkhông phải là a UIColor.

Bạn sẽ không thể thấy các hiệu ứng trong bảng phân cảnh vì các tham số này được đánh giá khi chạy.

Bây giờ bạn có thể sử dụng danh mục nhanh chóng trong UIView (mã dưới ảnh) với @IBInspectable để hiển thị kết quả tại bảng phân cảnh (Nếu bạn đang sử dụng danh mục, chỉ sử dụng angleRadius chứ không phải layer.cornerRadius làm đường dẫn chính.

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

Nhanh

Câu trả lời ngắn:

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

Bổ sung trả lời

Nếu bạn đã đi đến câu trả lời này, có lẽ bạn đã thấy đủ để giải quyết vấn đề của mình. Tôi đang thêm câu trả lời này để đưa ra một lời giải thích trực quan hơn một chút về lý do tại sao mọi thứ làm những gì họ làm.

Nếu bạn bắt đầu với một thường xuyên, UIViewnó có góc vuông.

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

Bạn có thể cung cấp cho nó các góc tròn bằng cách thay đổi thuộc cornerRadiustính của chế độ xem layer.

blueView.layer.cornerRadius = 8

Giá trị bán kính lớn hơn cho các góc tròn hơn

blueView.layer.cornerRadius = 25

và các giá trị nhỏ hơn cho các góc tròn ít hơn.

blueView.layer.cornerRadius = 3

Điều này có thể đủ để giải quyết vấn đề của bạn ngay tại đó. Tuy nhiên, đôi khi một khung nhìn có thể có một khung nhìn phụ hoặc một lớp con đi ra ngoài giới hạn của khung nhìn. Ví dụ: nếu tôi thêm một chế độ xem phụ như thế này

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

hoặc nếu tôi thêm một lớp con như thế này

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

Sau đó tôi sẽ kết thúc với

Bây giờ, nếu tôi không muốn mọi thứ treo ngoài giới hạn, tôi có thể làm điều này

blueView.clipsToBounds = true

hoặc cái này

blueView.layer.masksToBounds = true

đưa ra kết quả này:

Cả hai clipsToBoundsvà masksToBoundsđều tương đương . Nó chỉ là cái đầu tiên được sử dụng với UIViewvà thứ hai được sử dụng với CALayer.

Xem thêm

• Cách thêm viền và bóng
• Con đường đẹp hơn
• Biến đổi

Một cách tiếp cận khác với cách mà Ed Marty đã làm:

#import <QuartzCore/QuartzCore.h>

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

Bạn cần setM taskToBound cho nó để tải tất cả các đối tượng từ IB ... tôi gặp vấn đề khi chế độ xem của tôi bị làm tròn, nhưng không có các đối tượng từ IB: /

Điều này đã sửa nó = D hy vọng nó sẽ giúp!

Như được mô tả trong bài đăng trên blog này , đây là một phương pháp để làm tròn các góc của 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];
}

Phần thú vị của nó là bạn có thể chọn những góc bạn muốn làm tròn lên.

Bạn cần nhập tệp tiêu đề đầu tiên <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];

Đừng bỏ lỡ để sử dụng - setMasksToBounds, nếu không, hiệu ứng có thể không được hiển thị.

Bạn có thể sử dụng UIViewlớp tùy chỉnh sau đây cũng có thể thay đổi màu và độ rộng đường viền. Vì đây là IBDesignalbeBạn cũng có thể thay đổi các thuộc tính trong trình tạo giao diện.

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 - Sử dụng 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

Trong SwiftUI, bạn có thể sử dụng công cụ cornerRadiussửa đổi trực tiếp trên bất kỳ thứ gì Viewbạn muốn. Ví dụ về câu hỏi này:

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

Lưu ý rằng không có nhiều kim cương như bán kính, vì vậy ngay cả khi bạn đặt gócRadius hơn một nửa chiều cao , nó sẽ tròn một cách trơn tru.

Kiểm tra câu trả lời này để biết cách làm tròn các góc cụ thể trong SwiftUI

Vui lòng nhập Quartzcore frameworksau đó bạn phải đặt setMaskToBoundsthànhTRUE dòng này rất quan trọng.

Sau đó: [[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;
}

Làm điều này theo chương trình trong 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];

Chúng tôi cũng có thể làm điều này từ stoaryboard.

 layer.cornerRadius  Number  5

nếu góc tròn không hoạt động trong viewDidload () thì tốt hơn là viết mã trong 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);
}

Hi vọng điêu nay co ich!

Bạn cũng có thể sử dụng một hình ảnh:

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

đặt góc Thuộc tính hấp dẫn cho chế độ xem vòng

đặt maskToBound Giá trị Boolean cho hình ảnh sẽ vẫn không được vẽ bên ngoài ranh giới bán kính góc

view.layer.cornerRadius = 5;

view.layer.masksToBounds = YES;

Sử dụng tiện ích mở rộng 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
}
}

Sử dụng:

override func viewWillAppear(animated: Bool) {

sampleView.addRoundedCornerToView(statusBarView)

}

Trong Swift 4.2 và 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
    }
}

TRÊN Xcode 6 Hãy thử

     self.layer.layer.cornerRadius = 5.0f;

hoặc là

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