Couleur de bordure UITextField

J'ai vraiment un grand souhait de définir ma propre couleur sur la bordure UITextField. Mais jusqu'à présent, j'ai pu découvrir comment changer le style de la ligne de bordure uniquement.

J'ai utilisé la propriété background pour définir la couleur d'arrière-plan de cette manière:

self.textField.backgroundColor = textFieldColor;

Mais je dois aussi changer la couleur de la bordure UITextField. Et ma question portait sur la façon de changer la couleur de la bordure.

Importez le QuartzCoreframework dans votre classe:

#import <QuartzCore/QuartzCore.h>

et pour changer la couleur de la bordure, utilisez l'extrait de code suivant (je le règle sur redColor),

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

Pour revenir à la disposition d'origine, définissez simplement la couleur de la bordure sur la couleur claire

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

en code swift

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

Essaye ça:

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

et importez QuartzCore:

#import <QuartzCore/QuartzCore.h>

Importez la classe suivante:

#import <QuartzCore/QuartzCore.h> 

// Code pour définir la couleur grise de la bordure du champ de texte

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

Remplacez-le 171.0par le numéro de couleur correspondant si nécessaire.

cette question apparaît assez haut sur une recherche Google et a fonctionné pour la plupart! J'ai trouvé que la réponse de Salman Zaidi était partiellement correcte pour iOS 7.

Vous devez apporter une modification au code de «retour». J'ai trouvé que ce qui suit pour revenir fonctionnait parfaitement:

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

Je comprends que cela est probablement dû à des changements dans iOS 7.

Pour simplifier ces actions à partir de la réponse acceptée, vous pouvez également créer une catégorie pour UIView(puisque cela fonctionne pour toutes les sous-classes de UIView, pas seulement pour les champs de texte:

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

Usage:

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

Si vous utilisez un TextField avec des coins arrondis, utilisez ce 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;

Pour supprimer la bordure:

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

Mise à jour pour Swift 5.0

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

borderColor sur n'importe quelle vue (ou sous-classe UIView) peut également être définie à l'aide du storyboard avec un peu de codage et cette approche peut être très pratique si vous définissez la couleur de la bordure sur plusieurs objets d'interface utilisateur.

Voici les étapes pour y parvenir,

1. Créez une catégorie sur la classe CALayer. Déclarez une propriété de type UIColor avec un nom approprié, je la nommerai borderUIColor .
2. Écrivez le setter et le getter pour cette propriété.
3. Dans la méthode 'Setter', définissez simplement la propriété "borderColor" du calque sur la nouvelle valeur CGColor de couleurs.
4. Dans la méthode 'Getter', retournez UIColor avec borderColor du calque.

PS: rappelez-vous, les catégories ne peuvent pas avoir de propriétés stockées. 'borderUIColor' est utilisé comme une propriété calculée, juste comme une référence pour réaliser ce sur quoi nous nous concentrons.

Veuillez consulter l'exemple de code ci-dessous;

Objectif c:

Fichier d'interface:

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

@interface CALayer (BorderProperties)

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

@end

Fichier d'implémentation:

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

Et enfin allez sur votre storyboard / XIB, suivez les étapes restantes;

5. Cliquez sur l'objet View pour lequel vous souhaitez définir la couleur de la bordure.
6. Cliquez sur «Inspecteur d'identité» (3e à partir de la gauche) dans le panneau «Utilitaire» (côté droit de l'écran).
7. Sous "Attributs d'exécution définis par l'utilisateur", cliquez sur le bouton "+" pour ajouter un chemin de clé.
8. Définissez le type de chemin de clé sur "Couleur".
9. Entrez la valeur du chemin de clé sous la forme "layer.borderUIColor". [Souvenez-vous que cela devrait être le nom de la variable que vous avez déclaré dans la catégorie, pas borderColor ici c'est borderUIColor ].
10. Enfin, choisissez la couleur que vous voulez.

Vous devez définir la valeur de la propriété layer.borderWidth sur au moins 1 pour voir la couleur de la bordure.

Construisez et exécutez. Codage heureux. :)

Voici une implémentation Swift. Vous pouvez créer une extension pour qu'elle soit utilisable par d'autres vues si vous le souhaitez.

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

Appelez cela comme: email.addBorderAndColor(color: UIColor.white, width: 0.5, corner_radius: 5, clipsToBounds: true).