Définir une frontière pour UIButton dans le Storyboard

Je ne peux pas obtenir une bordure sur mes boutons dans XCode 5, sans les mettre directement dans le code. Est-il possible qu'il n'y a aucun moyen de le faire sur la table de montage séquentiel sans faire une image de fond personnalisée?

InformationsquelleAutor Tommy Nicholas | 2013-12-09

72

Vous pouvez utiliser le chemin d'accès clé.

Par exemple le rayon de l'angle (layer.cornerRadius) comme décrit sur l'image.
~~Vous ne serez pas en mesure de voir les effets sur le storyboard, l'origine de ce paramètres sont évalués au moment de l'exécution.~~ Maintenant vous pouvez utiliser une swift catégorie dans UIView (code en dessous de la photo) avec @IBInspectable pour montrer le résultat à la table de montage séquentiel (Si vous utilisez de la catégorie, utilisez uniquement cornerRadius et pas layer.cornerRadius comme un chemin de clé.
```
extension UIView {
    @IBInspectable var cornerRadius: CGFloat {
        get {
            return layer.cornerRadius
        }
        set {
            layer.cornerRadius = newValue
            layer.masksToBounds = newValue > 0
        }
    }
}
```
Ici est la catégorie de Peter DeWeese de réponse qui permettent de l'utiliser de chemin d'accès clé layer.borderUIColor pour définir la couleur de la bordure.

CALayer+XibConfiguration.h:
```
#import <QuartzCore/QuartzCore.h>
#import <UIKit/UIKit.h>

@interface CALayer(XibConfiguration)

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

@end
```
CALayer+XibConfiguration.m:
```
#import "CALayer+XibConfiguration.h"

@implementation CALayer(XibConfiguration)

-(void)setBorderUIColor:(UIColor*)color
{
    self.borderColor = color.CGColor;
}

-(UIColor*)borderUIColor
{
    return [UIColor colorWithCGColor:self.borderColor];
}

@end
```
- Vous apprenez quelque chose de nouveau chaque jour.. cela aurait été utile de savoir il y a plusieurs mois hah.
- Wow, c'est tellement cool! Je ne savais pas à propos de ce joyau caché! Upvoted.
- BTW, j'ai également eu à régler layer.borderWidth de la frontière du spectacle.
- C'est sauvage! Merci beaucoup Guilherme, et j'ai le sentiment que cela va être utile à l'avenir
- Puis-je définir la couche.borderColor? Cela ne semble pas fonctionner.
- C'est à cause de la couche.boderColor prévu un CGColor, pas un UIColor. Mais vous pouvez faire une catégorie comme solution de contournement. attendez une minute, je vais mettre à jour ma réponse
- La magie! Wow, la nomenclature des CALayer+XibConfiguration rend configurer les couches dans XibConfigurations? Il a travaillé pour moi, mais je ne comprends pas comment! De toute façon, je vous remercie beaucoup Guilherme. Grande réponse.
- Ma DERNIÈRE question, si vous avez une seconde, c'est tout ce qui permet de simplement ajouter une bordure supérieure, ou tout simplement une bordure gauche, etc. Sinon je vois que certains contournements je peux essayer, mais juste curieux - il n'est pas critique pour ce que je fais, j'ai juste l'impression que cela va être un populaire q/a, donc si il pourrait être plus complète et vous savez déjà comment le faire, pourquoi ne pas l'ajouter?
- Tommy, je vais mettre à jour ma réponse avec une solution de contournement pour ce problème, mais je n'ai pas le temps de tester maintenant
- Je suis un peu nouveau pour le développement d'iOS. Sont couleur de la bordure des extraits de code dans un fichier séparé? Comment l'utilisez-vous une fois mis en œuvre?
- Oui @NoahPassalacqua, C'est une catégorie (une recherche dans google, pour obtenir quelques explications sur ce sujet). Une fois que vous avez ajouté la catégorie de votre projet, vous pouvez utiliser: la couche.borderUIColor chemin d'accès clé à interface builder.
- Il y a seulement un petit problème avec cette approche. Lorsqu'un modal point de vue est présenté, la couleur de la bordure du bouton ne change pas. Il semble bizarre avec d'autres contrôles standard comme une commande segmentée qui gris quand un modal point de vue est présenté. De ce fait, je suis en utilisant une sous-classe de UIButton. Toutefois, lorsqu'une vue est présenté, je suis incapable de le détecter et de changer la couleur de la bordure vers le gris. La poisse...
- Je l'ai juste essayé et ne suis pas de voir les changements dans le rond coins montrer dans mon storyboard. Cependant, je ne vois que les changements lors de l'exécution du fichier. Je suis sur 6.3.2. Toutes les suggestions?
- pour voir les modifications dans IB, vous devez faire une catégorie de la UIView , et non pas pour le CALayer. Lequel avez-vous utilisé ?
- Merci d'écrire @GuilhermeTorresCastro . Je suis à l'aide de la rapide extension. Je sais que c'est probablement trop demander, mais j'ai fait un trivial projet avec la 1 et la vue de l'extension et il n'est pas encore l'affichage des coins arrondis dans le storyboard. Si vous avez 2 minutes, ce serait très très apprécié. github.com/captainchung/test
- Il serait intéressant aussi de montrer une capture d'écran de la plus élément de l'INTERFACE utilisateur qui s'affiche une fois que vous avez une rapide extension en place, afin de ne pas avoir à faire dans les valeurs définies par l'utilisateur de la zone.
InformationsquelleAutor Guilherme Torres Castro

Swift 3
Si vous voulez voir le résultat de l'IB lorsque vous utilisez IBInspectable, vous devez prolonger UIView et ajouter les propriétés de cette classe, c'est à dire

@IBDesignable class MyView: UIView {}

extension MyView {
    @IBInspectable var cornerRadius: CGFloat {
        get {
            return layer.cornerRadius
        }
        set {
            layer.cornerRadius = newValue
            layer.masksToBounds = newValue > 0
        }
    }

    @IBInspectable var borderWidth: CGFloat {
        get {
            return layer.borderWidth
        }
        set {
            layer.borderWidth = newValue
            layer.masksToBounds = newValue > 0
        }
    }

    @IBInspectable var borderColor: UIColor {
        get {
            return UIColor.init(cgColor: layer.borderColor!)
        }
        set {
            layer.borderColor = newValue.cgColor
        }
    }
}

référence: http://nshipster.com/ibinspectable-ibdesignable/

C'est génial!

InformationsquelleAutor dchakarov

Réponse courte :

layer.cornerRadius = 10
layer.borderWidth = 1
layer.borderColor = UIColor.blue.cgColor

Réponse longue :

Coins Arrondis UIButton

customUIView.layer.cornerRadius = 10

Épaisseur De La Bordure

pcustomUIView.layer.borderWidth = 1

Couleur De La Bordure

customUIView.layer.borderColor = UIColor.blue.cgColor

InformationsquelleAutor swiftBoy

-3

Vous pouvez utiliser un morceau de code comme:

self.addButton.layer.borderColor = [[UIColor greenColor] CGColor];

Veuillez noter: addButton est un IBOutlet.
- Interlocuteur besoins non-programmation façon.
InformationsquelleAutor Mostafa Mohamed Raafat

Vous devez vous connecter pour publier un commentaire.