Comment faire pour afficher uniquement la bordure inférieure de l'objet UITextField en Swift

Je veux montrer seulement de la bordure inférieure et de masquer les autres côtés.

De sortie que je vois: Comme vous pouvez le voir, je vois le haut, les bordures gauche et droite aussi, et ils sont de couleur noire, je veux les supprimer. Suffit d'avoir le fond blanc d'épaisseur 2.0 frontière.

Code j'utilise (source):

var border = CALayer()
var width = CGFloat(2.0)
border.borderColor = UIColor.whiteColor().CGColor
border.frame = CGRect(x: 0, y: tv_username.frame.size.height - width, width: tv_username.frame.size.width, height: tv_username.frame.size.height)

border.borderWidth = width
tv_username.backgroundColor = UIColor.clearColor()
tv_username.layer.addSublayer(border)
tv_username.layer.masksToBounds = true
tv_username.textColor = UIColor.whiteColor()

OriginalL'auteur user1406716 | 2015-06-29

33

Essayer de le faire de cette manière.
```
var bottomLine = CALayer()
bottomLine.frame = CGRectMake(0.0, myTextField.frame.height - 1, myTextField.frame.width, 1.0)
bottomLine.backgroundColor = UIColor.whiteColor().CGColor
myTextField.borderStyle = UITextBorderStyle.None
myTextField.layer.addSublayer(bottomLine)
```
Vous devez définir le borderStyle propriété None

Si vous utilisez la mise en forme automatique, puis ensemble parfait contrainte d'autre de la ligne de fond n'apparaît pas.

Espère que cela aide.

essayé le code mais je ne vois toutes les frontières disparaissent avec ce code. (mon arrière-plan est bleu, pas si sûr que les questions). Je veux la bordure inférieure blanche.
Vérifiez ceci : stackoverflow.com/questions/30701655/... Ma réponse
ce sens est-il rien supplémentaires, autres que les 5 lignes ci-dessus? Je les ai utilisés tout simplement les remplacer myTextField, avec mon tv_username` UITextField
Je vous marquez votre réponse comme une réponse, mais je n'ai eu qu'à ajouter des ce ligne de code dans ma question (donc peut-être que vous souhaitez modifier la réponse pour tous ceux qui lisent ce sujet plus tard): myTextField.borderStyle = UITextBorderStyle.None
que signifie pour définir "parfait" constaint?

OriginalL'auteur

Comment faire pour afficher uniquement la bordure inférieure de l'objet UITextField en Swift

Objective C

[txt.layer setBackgroundColor: [[UIColor whiteColor] CGColor]];
[txt.layer setBorderColor: [[UIColor grayColor] CGColor]];
[txt.layer setBorderWidth: 0.0];
[txt.layer setCornerRadius:12.0f];
[txt.layer setMasksToBounds:NO];
[txt.layer setShadowRadius:2.0f];
txt.layer.shadowColor = [[UIColor blackColor] CGColor];
txt.layer.shadowOffset = CGSizeMake(1.0f, 1.0f);
txt.layer.shadowOpacity = 1.0f;
txt.layer.shadowRadius = 1.0f;

Swift

textField.layer.backgroundColor = UIColor.whiteColor().CGColor
textField.layer.borderColor = UIColor.grayColor().CGColor
textField.layer.borderWidth = 0.0
textField.layer.cornerRadius = 5
textField.layer.masksToBounds = false
textField.layer.shadowRadius = 2.0
textField.layer.shadowColor = UIColor.blackColor().CGColor
textField.layer.shadowOffset = CGSizeMake(1.0, 1.0)
textField.layer.shadowOpacity = 1.0
textField.layer.shadowRadius = 1.0

OriginalL'auteur

J'ai essayé toutes cette réponse mais aucune n'a fonctionné pour moi à l'exception de celle

  let borderWidth:CGFloat = 2.0 //what ever border width do you prefer 
    let bottomLine = CALayer()

    bottomLine.frame = CGRectMake(0.0, Et_textfield.height  - borderWidth, Et_textfield.width, Et_textfield.height )
    bottomLine.backgroundColor = UIColor.blueColor().CGColor
    bottomLine
    Et_textfield.layer.addSublayer(bottomLine)
    Et_textfield.layer.masksToBounds = true // the most important line of code

OriginalL'auteur

Swift 3:

Juste sous-classe votre UITextField

class BottomBorderTF: UITextField {

var bottomBorder = UIView()
override func awakeFromNib() {

    //MARK: Setup Bottom-Border
    self.translatesAutoresizingMaskIntoConstraints = false
    bottomBorder = UIView.init(frame: CGRect(x: 0, y: 0, width: 0, height: 0))
    bottomBorder.backgroundColor = UIColor.orange
    bottomBorder.translatesAutoresizingMaskIntoConstraints = false
    addSubview(bottomBorder)
    //Mark: Setup Anchors
    bottomBorder.bottomAnchor.constraint(equalTo: bottomAnchor).isActive = true
    bottomBorder.leftAnchor.constraint(equalTo: leftAnchor).isActive = true
    bottomBorder.rightAnchor.constraint(equalTo: rightAnchor).isActive = true
    bottomBorder.heightAnchor.constraint(equalToConstant: 1).isActive = true //Set Border-Strength

   }
}

Pourquoi ne pas l'extension?
L'utilisation de la façon dont il convient.

OriginalL'auteur

Pour de multiples Champ de Texte

  override func viewDidLoad() {


    configureTextField(x: 0, y: locationField.frame.size.height-1.0, width: locationField.frame.size.width, height:1.0, textField: locationField)
    configureTextField(x: 0, y: destinationField.frame.size.height-1.0, width: destinationField.frame.size.width, height:1.0, textField: destinationField)
    configureTextField(x: 0, y: originField.frame.size.height-1.0, width: originField.frame.size.width, height:1.0, textField: originField)
    configureTextField(x: 0, y: nameField.frame.size.height-1.0, width: nameField.frame.size.width, height:1.0, textField: nameField)

    locationField.text="Hello"
    super.viewDidLoad()

    //Do any additional setup after loading the view.
}

func configureTextField(x:CGFloat,y:CGFloat,width:CGFloat,height:CGFloat,textField:UITextField)

{
    let bottomLine = CALayer()
    bottomLine.frame = CGRect(x: x, y: y, width: width, height: height)
    bottomLine.backgroundColor = UIColor.white.cgColor
    textField.borderStyle = UITextBorderStyle.none
    textField.layer.addSublayer(bottomLine)


}

OriginalL'auteur

Pensée de l' @Ashish réponse, utilisés de la même démarche il y a longtemps en Objective-C, mais la mise en œuvre de l'extension sera plus utile.

extension UITextField {


    func addBottomBorder(){
        let bottomLine = CALayer()
        bottomLine.frame = CGRect.init(x: 0, y: self.frame.size.height - 1, width: self.frame.size.width, height: 1)
        bottomLine.backgroundColor = UIColor.white.cgColor
        self.borderStyle = UITextBorderStyle.none
        self.layer.addSublayer(bottomLine)

    }
}

Dans votre contrôleur:

self.textField.addBottomBorder()

Pouvez ajouter d'autres paramètres à votre méthode, comme l'ajout de la frontière de la hauteur, la couleur.

OriginalL'auteur

Vous devez vous connecter pour publier un commentaire.