Màu viền UITextField

Tôi thực sự rất muốn đặt màu của riêng mình cho viền UITextField. Nhưng cho đến nay tôi chỉ có thể tìm ra cách thay đổi kiểu đường viền.

Tôi đã sử dụng thuộc tính nền để đặt màu nền theo cách như sau:

self.textField.backgroundColor = textFieldColor;

Nhưng tôi cũng phải thay đổi màu của đường viền UITextField. Và câu hỏi của tôi là về cách thay đổi màu đường viền.

QuartzCoreKhung nhập trong lớp bạn:

#import <QuartzCore/QuartzCore.h>

và để thay đổi màu đường viền, hãy sử dụng đoạn mã sau (Tôi đang đặt nó thành redColor),

    textField.layer.cornerRadius=8.0f;
    textField.layer.masksToBounds=YES;
    textField.layer.borderColor=[[UIColor redColor]CGColor];
    textField.layer.borderWidth= 1.0f;

Để hoàn nguyên về bố cục ban đầu, chỉ cần đặt màu đường viền thành màu rõ ràng,

    serverField.layer.borderColor=[[UIColor clearColor]CGColor];

trong mã nhanh chóng

    textField.layer.borderWidth = 1
    textField.layer.borderColor = UIColor.whiteColor().CGColor

Thử cái này:

UITextField *theTextFiels=[[UITextField alloc]initWithFrame:CGRectMake(40, 40, 150, 30)];
    theTextFiels.borderStyle=UITextBorderStyleNone;
    theTextFiels.layer.cornerRadius=8.0f;
    theTextFiels.layer.masksToBounds=YES;
        theTextFiels.backgroundColor=[UIColor redColor];
    theTextFiels.layer.borderColor=[[UIColor blackColor]CGColor];
    theTextFiels.layer.borderWidth= 1.0f;

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

và nhập QuartzCore:

#import <QuartzCore/QuartzCore.h>

Nhập lớp sau:

#import <QuartzCore/QuartzCore.h> 

// Mã để đặt màu xám cho viền của trường văn bản

[[textField layer] setBorderColor:[[UIColor colorWithRed:171.0/255.0
                                                   green:171.0/255.0
                                                    blue:171.0/255.0
                                                   alpha:1.0] CGColor]];

Thay thế 171.0bằng số màu tương ứng theo yêu cầu.

câu hỏi này xuất hiện khá cao trên một tìm kiếm Google và hầu hết đều hoạt động! Tôi đã thấy rằng câu trả lời của Salman Zaidi đã đúng một phần cho iOS 7.

Bạn cần sửa đổi mã "hoàn nguyên". Tôi thấy rằng những điều sau đây để hoàn nguyên hoạt động hoàn hảo:

textField.layer.cornerRadius = 0.0f;
textField.layer.masksToBounds = YES;
textField.layer.borderColor = [[UIColor blackColor] CGColor];
textField.layer.borderWidth = 0.0f;

Tôi hiểu rằng điều này rất có thể là do những thay đổi trong iOS 7.

Để đơn giản hóa hành động này từ câu trả lời được chấp nhận, bạn cũng có thể tạo Danh mục cho UIView(vì cách này hoạt động cho tất cả các lớp con của UIView, không chỉ cho trường văn bản:

UIView + Bổ sung.h:

#import <Foundation/Foundation.h>

@interface UIView (Additions)
- (void)setBorderForColor:(UIColor *)color 
                    width:(float)width 
                   radius:(float)radius;
@end

UIView + Bổ sung.m:

#import "UIView+Additions.h"

@implementation UIView (Additions)

- (void)setBorderForColor:(UIColor *)color 
                    width:(float)width
                   radius:(float)radius
{
    self.layer.cornerRadius = radius;
    self.layer.masksToBounds = YES;
    self.layer.borderColor = [color CGColor];
    self.layer.borderWidth = width;
}

@end

Sử dụng:

#import "UIView+Additions.h"
//...
[textField setBorderForColor:[UIColor redColor]
                       width:1.0f
                      radius:8.0f];

Nếu bạn sử dụng TextField với các góc tròn, hãy sử dụng mã này:

    self.TextField.layer.cornerRadius=8.0f;
    self.TextField.layer.masksToBounds=YES;
    self.TextField.layer.borderColor=[[UIColor redColor]CGColor];
    self.TextField.layer.borderWidth= 1.0f;

Để xóa đường viền:

self.TextField.layer.masksToBounds=NO;
self.TextField.layer.borderColor=[[UIColor clearColor]CGColor];

Cập nhật cho swift 5.0

textField.layer.masksToBounds = true
textField.layer.borderColor = UIColor.blue.cgColor
textField.layer.borderWidth = 1.0

BorderColor trên bất kỳ chế độ xem nào (hoặc Lớp con UIView) cũng có thể được đặt bằng cách sử dụng bảng phân cảnh với một chút mã hóa và cách tiếp cận này có thể thực sự tiện dụng nếu bạn đặt màu đường viền trên nhiều Đối tượng UI.

Dưới đây là các bước để đạt được nó,

1. Tạo một thể loại trên lớp CALayer. Khai báo một thuộc tính loại UIColor với một tên phù hợp, tôi sẽ đặt tên nó là BorderUIColor .
2. Viết setter và getter cho thuộc tính này.
3. Trong phương thức 'Setter', chỉ cần đặt thuộc tính "BorderColor" của lớp thành giá trị CGColor màu mới.
4. Trong phương thức 'Getter', trả về UIColor với đường viền của lớp.

PS: Hãy nhớ rằng, Thể loại không thể có các thuộc tính được lưu trữ. 'BorderUIColor' được sử dụng làm tài sản được tính toán, giống như một tài liệu tham khảo để đạt được những gì chúng tôi đang tập trung vào.

Xin vui lòng xem mẫu mã dưới đây;

Mục tiêu C:

Tệp giao diện:

#import <QuartzCore/QuartzCore.h>
#import <UIKit/UIKit.h>

@interface CALayer (BorderProperties)

// This assigns a CGColor to borderColor.
@property (nonatomic, assign) UIColor* borderUIColor;

@end

Tập tin thực hiện:

#import "CALayer+BorderProperties.h"

@implementation CALayer (BorderProperties)

- (void)setBorderUIColor:(UIColor *)color {
    self.borderColor = color.CGColor;
}

- (UIColor *)borderUIColor {
    return [UIColor colorWithCGColor:self.borderColor];
}

@end

Swift 2.0:

extension CALayer {
var borderUIColor: UIColor {
    set {
        self.borderColor = newValue.CGColor
    }

    get {
        return UIColor(CGColor: self.borderColor!)
    }
}
}

Và cuối cùng đi đến bảng phân cảnh của bạn / XIB, làm theo các bước còn lại;

5. Nhấp vào đối tượng Xem mà bạn muốn đặt Màu viền.
6. Nhấp vào "Thanh tra danh tính" (thứ 3 từ trái sang) trong bảng "Tiện ích" (Bên phải màn hình).
7. Trong "Thuộc tính thời gian chạy do người dùng xác định", nhấp vào nút "+" để thêm đường dẫn chính.
8. Đặt loại đường dẫn chính thành "Màu".
9. Nhập giá trị cho đường dẫn chính là "layer.borderUIColor". [Hãy nhớ rằng đây phải là tên biến bạn đã khai báo trong danh mục, không phải BorderColor ở đây là BorderUIColor ].
10. Cuối cùng chọn bất cứ màu nào bạn muốn.

Bạn đã đặt giá trị thuộc tính layer.borderWidth thành ít nhất 1 để xem màu đường viền.

Xây dựng và chạy. Chúc mừng mã hóa. :)

Đây là một triển khai Swift. Bạn có thể tạo một tiện ích mở rộng để các chế độ xem khác có thể sử dụng được nếu bạn muốn.

extension UIView {
    func addBorderAndColor(color: UIColor, width: CGFloat, corner_radius: CGFloat = 0, clipsToBounds: Bool = false) {
        self.layer.borderWidth  = width
        self.layer.borderColor  = color.cgColor
        self.layer.cornerRadius = corner_radius
        self.clipsToBounds      = clipsToBounds
    }
}

Gọi như thế này : email.addBorderAndColor(color: UIColor.white, width: 0.5, corner_radius: 5, clipsToBounds: true).