Колір рамки UITextField

Я дуже хочу побажати встановити свій власний колір для межі UITextField. Але поки що я міг дізнатися, як змінити стиль межі лише.

Я використовував властивість фону, щоб встановити колір фону таким чином:

self.textField.backgroundColor = textFieldColor;

Але я також повинен змінити колір межі UITextField. І моє запитання полягало в тому, як змінити колір межі.

Імпорт QuartzCoreрамки у вашому класі:

#import <QuartzCore/QuartzCore.h>

а для зміни кольору рамки використовуйте наступний фрагмент коду (я встановлюю його на redColor),

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

Для повернення до початкового макета просто встановіть колір рамки для чіткого кольору,

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

у швидкому коді

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

Спробуйте це:

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

та імпортуйте QuartzCore:

#import <QuartzCore/QuartzCore.h>

Імпортуйте наступний клас:

#import <QuartzCore/QuartzCore.h> 

// Код для встановлення сірого кольору для межі текстового поля

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

Замініть 171.0відповідним кольоровим номером, як потрібно.

це запитання відображається досить високо в пошуку Google і працює здебільшого! Я виявив, що відповідь Салмана Заїді була частково правильною для iOS 7.

Потрібно внести модифікацію в код, що повертається. Я виявив, що наступне для ревертування спрацювало чудово:

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

Я розумію, що це, швидше за все, пов'язано зі змінами в iOS 7.

Щоб спростити ці дії з прийнятої відповіді, ви також можете створити категорію для UIView(оскільки це працює для всіх підкласів UIView, не тільки для текстових полів:

UIView + Additions.h:

#import <Foundation/Foundation.h>

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

UIView + Додатки.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

Використання:

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

Якщо ви використовуєте TextField із закругленими кутами, використовуйте цей код:

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

Щоб видалити кордон:

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

Оновлення для швидкого 5.0

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

кордон кольору для будь-якого виду (або підкласу UIView) також можна встановити, використовуючи розкадровку з невеликим кодуванням, і цей підхід може бути дуже корисним, якщо ви встановлюєте колір межі для кількох об'єктів інтерфейсу.

Нижче наведено кроки, як цього досягти,

1. Створіть категорію за класом CALayer. Заявіть про властивість типу UIColor з відповідною назвою, я назву її borderUIColor .
2. Напишіть сетер та геттер для цієї властивості.
3. У методі "Setter" просто встановіть властивість шару "borderColor" на нові кольори значення CGColor.
4. У методі "Getter" поверніть UIColor з межею шаруColor.

PS: Пам'ятайте, що категорії не можуть зберігати властивості. "borderUIColor" використовується як обчислена властивість, як орієнтир для досягнення того, на чому ми зосереджені.

Будь ласка, подивіться нижче на зразок коду;

Мета C:

Файл інтерфейсу:

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

@interface CALayer (BorderProperties)

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

@end

Файл реалізації:

#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!)
    }
}
}

І нарешті, перейдіть до вашої розкадровки / XIB, виконайте інші кроки;

5. Клацніть на об'єкт «Перегляд», для якого потрібно встановити межу «Колір».
6. Клацніть на "Інспектор ідентичності" (3-й зліва) на панелі "Утиліта" (Права частина екрана).
7. У розділі "Визначені користувачем атрибути часу" натисніть кнопку "+", щоб додати ключовий шлях.
8. Встановіть тип контуру ключа на "Колір".
9. Введіть значення для ключового шляху як "layer.borderUIColor". [Пам'ятайте, це має бути ім'я змінної, яку ви оголосили в категорії, а не borderColor, тут це borderUIColor ].
10. Нарешті вибрав будь-який колір, який вам захочеться.

Ви повинні встановити значення властивості layer.borderWidth як мінімум 1, щоб побачити колір межі.

Побудувати та запустити. Щасливе кодування. :)

Ось реалізація Swift. Ви можете зробити розширення таким чином, щоб воно було корисним для інших поглядів, якщо вам це подобається.

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

Назвемо це так: email.addBorderAndColor(color: UIColor.white, width: 0.5, corner_radius: 5, clipsToBounds: true).