Kolor obramowania UITextField

Mam naprawdę wielkie życzenie, aby ustawić własny kolor obramowania UITextField. Ale do tej pory mogłem tylko dowiedzieć się, jak zmienić styl linii granicznej.

Użyłem właściwości background do ustawienia koloru tła w następujący sposób:

self.textField.backgroundColor = textFieldColor;

Ale muszę też zmienić kolor obramowania UITextField. Moje pytanie dotyczyło zmiany koloru obramowania.

Importuj QuartzCoreframework w swojej klasie:

#import <QuartzCore/QuartzCore.h>

a do zmiany koloru obramowania użyj poniższego fragmentu kodu (ustawiam go na redColor),

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

Aby powrócić do pierwotnego układu, po prostu ustaw kolor obramowania na czysty kolor,

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

w szybkim kodzie

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

Spróbuj tego:

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

i importuj QuartzCore:

#import <QuartzCore/QuartzCore.h>

Zaimportuj następującą klasę:

#import <QuartzCore/QuartzCore.h> 

// Kod do ustawiania szarego koloru obramowania pola tekstowego

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

W razie 171.0potrzeby zastąp odpowiednim numerem koloru.

to pytanie pojawia się dość wysoko w wyszukiwarce Google i przez większość czasu działało! Zauważyłem, że odpowiedź Salmana Zaidiego była częściowo poprawna w przypadku iOS 7.

Musisz zmodyfikować kod „przywracający”. Okazało się, że następujące funkcje przywracania działały idealnie:

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

Rozumiem, że jest to najprawdopodobniej spowodowane zmianami w iOS 7.

Aby uprościć tę akcję z zaakceptowanej odpowiedzi, możesz również utworzyć kategorię dla UIView(ponieważ działa to dla wszystkich podklas UIView, nie tylko dla pól tekstowych:

UIView + Additions.h:

#import <Foundation/Foundation.h>

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

UIView + Dodatki. 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

Stosowanie:

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

Jeśli używasz TextField z zaokrąglonymi narożnikami, użyj tego kodu:

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

Aby usunąć obramowanie:

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

Aktualizacja dla Swift 5.0

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

kolor ramki w dowolnym widoku (lub podklasie UIView) można również ustawić za pomocą scenorysu z odrobiną kodowania, a to podejście może być naprawdę przydatne, jeśli ustawiasz kolor obramowania na wielu obiektach interfejsu użytkownika.

Poniżej kroki jak to osiągnąć,

1. Utwórz kategorię w klasie CALayer. Zadeklaruj właściwość typu UIColor z odpowiednią nazwą, nadam jej nazwę borderUIColor .
2. Napisz setter i getter dla tej właściwości.
3. W metodzie „Setter” wystarczy ustawić właściwość „borderColor” warstwy na nową wartość CGColor kolorów.
4. W metodzie 'Getter' zwraca UIColor z wartością borderColor warstwy.

PS: Pamiętaj, kategorie nie mogą mieć przechowywanych właściwości. „borderUIColor” jest używana jako właściwość obliczeniowa, podobnie jak odniesienie do osiągnięcia tego, na czym się skupiamy.

Proszę spojrzeć na poniższy przykładowy kod;

Cel C:

Plik interfejsu:

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

@interface CALayer (BorderProperties)

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

@end

Plik wdrożeniowy:

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

I na koniec przejdź do swojego storyboardu / XIB, wykonaj pozostałe kroki;

5. Kliknij obiekt Widok, dla którego chcesz ustawić kolor obramowania.
6. Kliknij „Identity Inspector” (trzeci od lewej) w panelu „Utility” (prawa strona ekranu).
7. W sekcji „Atrybuty środowiska wykonawczego zdefiniowane przez użytkownika” kliknij przycisk „+”, aby dodać ścieżkę klucza.
8. Ustaw typ ścieżki klucza na „Kolor”.
9. Wprowadź wartość ścieżki klucza w postaci „layer.borderUIColor”. [Pamiętaj, że powinna to być nazwa zmiennej, którą zadeklarowałeś w kategorii, a nie borderColor, tutaj jest to borderUIColor ].
10. Wreszcie wybierz dowolny kolor.

Musisz ustawić wartość właściwości layer.borderWidth na co najmniej 1, aby zobaczyć kolor obramowania.

Buduj i uruchamiaj. Miłego kodowania. :)

Oto implementacja Swift. Możesz utworzyć rozszerzenie, aby było używane przez inne widoki, jeśli chcesz.

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

Nazywamy to tak: email.addBorderAndColor(color: UIColor.white, width: 0.5, corner_radius: 5, clipsToBounds: true).