UITextField-Rahmenfarbe

Ich habe wirklich den großen Wunsch, meine eigene Farbe auf den UITextField-Rand zu setzen. Bisher konnte ich jedoch herausfinden, wie nur der Grenzlinienstil geändert werden kann.

Ich habe die Hintergrundeigenschaft verwendet, um die Hintergrundfarbe folgendermaßen festzulegen:

self.textField.backgroundColor = textFieldColor;

Aber ich muss auch die Farbe des UITextField-Rahmens ändern. Und meine Frage war, wie man die Rahmenfarbe ändert.

Importieren Sie das QuartzCoreFramework in Ihrer Klasse:

#import <QuartzCore/QuartzCore.h>

und zum Ändern der Rahmenfarbe verwenden Sie das folgende Code-Snippet (ich setze es auf redColor),

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

Um zum ursprünglichen Layout zurückzukehren, setzen Sie einfach die Rahmenfarbe auf klare Farbe.

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

in schnellem Code

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

Versuche dies:

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

und importiere QuartzCore:

#import <QuartzCore/QuartzCore.h>

Importieren Sie die folgende Klasse:

#import <QuartzCore/QuartzCore.h> 

// Code zum Festlegen der grauen Farbe für den Rand des Textfelds

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

Bei 171.0Bedarf durch die entsprechende Farbnummer ersetzen .

Diese Frage taucht in einer Google-Suche ziemlich häufig auf und hat größtenteils funktioniert! Ich fand, dass Salman Zaidis Antwort für iOS 7 teilweise richtig war.

Sie müssen den "Zurücksetzen" -Code ändern. Ich fand, dass das Folgende zum Zurücksetzen perfekt funktionierte:

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

Ich verstehe, dass dies höchstwahrscheinlich auf Änderungen in iOS 7 zurückzuführen ist.

Um diese Aktionen anhand der akzeptierten Antwort zu vereinfachen, können Sie auch eine Kategorie für erstellen UIView(da dies für alle Unterklassen von UIView funktioniert, nicht nur für Textfelder:

UIView + Additions.h:

#import <Foundation/Foundation.h>

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

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

Verwendung:

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

Wenn Sie ein TextField mit abgerundeten Ecken verwenden, verwenden Sie diesen Code:

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

So entfernen Sie den Rand:

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

Update für Swift 5.0

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

borderColor für jede Ansicht (oder UIView-Unterklasse) kann auch mithilfe eines Storyboards mit ein wenig Codierung festgelegt werden. Dieser Ansatz kann sehr praktisch sein, wenn Sie die Rahmenfarbe für mehrere UI-Objekte festlegen.

Nachfolgend finden Sie die Schritte, wie Sie dies erreichen können:

1. Erstellen Sie eine Kategorie für die CALayer-Klasse. Deklarieren Sie eine Eigenschaft vom Typ UIColor mit einem geeigneten Namen. Ich werde sie als borderUIColor bezeichnen .
2. Schreiben Sie den Setter und Getter für diese Eigenschaft.
3. Setzen Sie bei der 'Setter'-Methode einfach die Eigenschaft "borderColor" der Ebene auf den neuen CGColor-Farbwert.
4. Geben Sie in der 'Getter'-Methode UIColor mit borderColor der Ebene zurück.

PS: Denken Sie daran, dass in Kategorien keine Eigenschaften gespeichert werden können. 'borderUIColor' wird als berechnete Eigenschaft verwendet, nur als Referenz, um das zu erreichen, worauf wir uns konzentrieren.

Bitte schauen Sie sich das folgende Codebeispiel an.

Ziel c:

Schnittstellendatei:

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

@interface CALayer (BorderProperties)

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

@end

Implementierungsdatei:

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

Gehen Sie schließlich zu Ihrem Storyboard / XIB und befolgen Sie die verbleibenden Schritte.

5. Klicken Sie auf das Ansichtsobjekt, für das Sie die Rahmenfarbe festlegen möchten.
6. Klicken Sie im Bereich "Dienstprogramm" (rechte Seite des Bildschirms) auf "Identitätsinspektor" (3. von links).
7. Klicken Sie unter "Benutzerdefinierte Laufzeitattribute" auf die Schaltfläche "+", um einen Schlüsselpfad hinzuzufügen.
8. Stellen Sie den Typ des Schlüsselpfads auf "Farbe".
9. Geben Sie den Wert für den Schlüsselpfad als "layer.borderUIColor" ein. [Denken Sie daran, dass dies der Variablenname sein sollte, den Sie in der Kategorie deklariert haben, nicht borderColor, hier ist borderUIColor ].
10. Wählen Sie schließlich die gewünschte Farbe.

Sie müssen den Eigenschaftswert layer.borderWidth auf mindestens 1 setzen, um die Rahmenfarbe anzuzeigen .

Erstellen und ausführen. Viel Spaß beim Codieren. :) :)

Hier ist eine schnelle Implementierung. Sie können eine Erweiterung erstellen, damit sie von anderen Ansichten verwendet werden kann, wenn Sie möchten.

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

Nennen Sie das wie : email.addBorderAndColor(color: UIColor.white, width: 0.5, corner_radius: 5, clipsToBounds: true).