Comment ajouter une bordure SUPÉRIEURE sur un UIButton?

Je sais comment faire pour ajouter une bordure à un bouton dans iOS 7, avec le code suivant :

[[myButton layer] setBorderColor:[[[UIColor grayColor] colorWithAlphaComponent:0.5] CGColor]];
[[myButton layer] setBorderWidth:1];
[[myButton layer] setCornerRadius:15];

Mais comment puis-je ajouter de la frontière ? Je tiens à ajouter que la bordure supérieure.

InformationsquelleAutor Erzékiel | 2013-11-10

65
```
UIView *lineView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, btn.frame.size.width, 1)];
lineView.backgroundColor = [UIColor redColor];
[btn addSubview:lineView];
```
vous pouvez faire de même pour chaque frontière. Ajout de plusieurs UIViews vous pouvez ajouter en bas et à gauche ou en haut et en droit ou de tout bord.

c'est à dire en bas & à gauche:
```
UIView *bottomBorder = [[UIView alloc] initWithFrame:CGRectMake(0, btn.frame.size.height - 1.0f, btn.frame.size.width, 1)];
bottomBorder.backgroundColor = [UIColor redColor];

UIView *leftBorder = [[UIView alloc] initWithFrame:CGRectMake(1, 0, 1, btn.frame.size.height)];
leftBorder.backgroundColor = [UIColor redColor];

[btn addSubview:bottomBorder];
[btn addSubview:leftBorder];
```
si vous n'utilisez pas l'ARC, n'oubliez pas de laisser UIViews après l'ajout des sous-vues (ou utilisez autorelease).
- il est très étrange qu'il ne fonctionne pas. Il devrait fonctionner avec n'importe quel type de UIButton, à partir de l'IB ou par programmation. Il siply ajouter une sous-vue avec le bouton de 1px de largeur et de hauteur. Essayez de vérifier bouton et lineview cadre en vous connectant entre eux: NSLog(@"btn cadre: %@", NSStringFromCGRect(btn.image));
- Fonctionne très bien aussi !
- Comment faire pour supprimer cette frontière vue de l'exécution? Ex: Quand le bouton d'action est déclenchée j'ai besoin de supprimer la frontière. S'il vous plaît répondre. @masgar
- vous pouvez définir une balise à chaque point de vue et de supprimer de l'affichage avec une balise à partir de superview.
- comment puis-je ajouter de l'ombre à la frontière ? @masgar
- il ya des tonnes de répondre à propos de l'ombre. La frontière, vous ajoutez est un point de vue et vous pouvez ajouter de l'ombre à une vue à l'aide de QuartzCore. vérifier tis réponse: stackoverflow.com/questions/805872/...
InformationsquelleAutor masgar
22

Ici est masgar de la solution mise en œuvre dans Swift:
```
    var lineView = UIView(frame: CGRectMake(0, 0, btn.frame.size.width, 1))
    lineView.backgroundColor=UIColor.redColor()
    btn.addSubview(lineView)
```
- Comment faire pour supprimer cette frontière vue de l'exécution? Ex: Quand le bouton d'action est déclenchée j'ai besoin de supprimer la frontière. S'il vous plaît répondre.
- Je n'ai pas vérifié moi-même, mais encore essayer lineView.removeFromSuperview() Voir, ce pour plus d'informations, comme j'ai peut-être eu tort: stackoverflow.com/q/28197079/4376309
InformationsquelleAutor peacetype

Dans Swift ajouter une extension pour UIView classe comme ceci:

Swift 3 *

extension UIView {
func addTopBorderWithColor(color: UIColor, width: CGFloat) {
let border = CALayer()
border.backgroundColor = color.cgColor
border.frame = CGRect(x:0,y: 0, width:self.frame.size.width, height:width)
self.layer.addSublayer(border)
}
func addRightBorderWithColor(color: UIColor, width: CGFloat) {
let border = CALayer()
border.backgroundColor = color.cgColor
border.frame = CGRect(x: self.frame.size.width - width,y: 0, width:width, height:self.frame.size.height)
self.layer.addSublayer(border)
}
func addBottomBorderWithColor(color: UIColor, width: CGFloat) {
let border = CALayer()
border.backgroundColor = color.cgColor
border.frame = CGRect(x:0, y:self.frame.size.height - width, width:self.frame.size.width, height:width)
self.layer.addSublayer(border)
}
func addLeftBorderWithColor(color: UIColor, width: CGFloat) {
let border = CALayer()
border.backgroundColor = color.cgColor
border.frame = CGRect(x:0, y:0, width:width, height:self.frame.size.height)
self.layer.addSublayer(border)
}
}

J'ai obtenu cette extension à partir de ce lien:UIView de bordure en bas?

Puis appeler la fonction comme ceci

var innerView : UIView?
let borderWidth: CGFloat = 1.0
let borderColor : UIColor =  UIColor.redColor()
innerView!.addTopBorderWithColor(borderColor, width: borderWidth)

Pour une mise en page adaptative utiliser

Swift 3

extension UIView {
func addTopBorder(_ color: UIColor, height: CGFloat) {
let border = UIView()
border.backgroundColor = color
border.translatesAutoresizingMaskIntoConstraints = false
self.addSubview(border)
border.addConstraint(NSLayoutConstraint(item: border,
attribute: NSLayoutAttribute.height,
relatedBy: NSLayoutRelation.equal,
toItem: nil,
attribute: NSLayoutAttribute.height,
multiplier: 1, constant: height))
self.addConstraint(NSLayoutConstraint(item: border,
attribute: NSLayoutAttribute.top,
relatedBy: NSLayoutRelation.equal,
toItem: self,
attribute: NSLayoutAttribute.top,
multiplier: 1, constant: 0))
self.addConstraint(NSLayoutConstraint(item: border,
attribute: NSLayoutAttribute.leading,
relatedBy: NSLayoutRelation.equal,
toItem: self,
attribute: NSLayoutAttribute.leading,
multiplier: 1, constant: 0))
self.addConstraint(NSLayoutConstraint(item: border,
attribute: NSLayoutAttribute.trailing,
relatedBy: NSLayoutRelation.equal,
toItem: self,
attribute: NSLayoutAttribute.trailing,
multiplier: 1, constant: 0))
}
func addBottomBorder(_ color: UIColor, height: CGFloat) {
let border = UIView()
border.backgroundColor = color
border.translatesAutoresizingMaskIntoConstraints = false
self.addSubview(border)
border.addConstraint(NSLayoutConstraint(item: border,
attribute: NSLayoutAttribute.height,
relatedBy: NSLayoutRelation.equal,
toItem: nil,
attribute: NSLayoutAttribute.height,
multiplier: 1, constant: height))
self.addConstraint(NSLayoutConstraint(item: border,
attribute: NSLayoutAttribute.bottom,
relatedBy: NSLayoutRelation.equal,
toItem: self,
attribute: NSLayoutAttribute.bottom,
multiplier: 1, constant: 0))
self.addConstraint(NSLayoutConstraint(item: border,
attribute: NSLayoutAttribute.leading,
relatedBy: NSLayoutRelation.equal,
toItem: self,
attribute: NSLayoutAttribute.leading,
multiplier: 1, constant: 0))
self.addConstraint(NSLayoutConstraint(item: border,
attribute: NSLayoutAttribute.trailing,
relatedBy: NSLayoutRelation.equal,
toItem: self,
attribute: NSLayoutAttribute.trailing,
multiplier: 1, constant: 0))
}
func addLeftBorder(_ color: UIColor, width: CGFloat) {
let border = UIView()
border.backgroundColor = color
border.translatesAutoresizingMaskIntoConstraints = false
self.addSubview(border)
border.addConstraint(NSLayoutConstraint(item: border,
attribute: NSLayoutAttribute.width,
relatedBy: NSLayoutRelation.equal,
toItem: nil,
attribute: NSLayoutAttribute.width,
multiplier: 1, constant: width))
self.addConstraint(NSLayoutConstraint(item: border,
attribute: NSLayoutAttribute.leading,
relatedBy: NSLayoutRelation.equal,
toItem: self,
attribute: NSLayoutAttribute.leading,
multiplier: 1, constant: 0))
self.addConstraint(NSLayoutConstraint(item: border,
attribute: NSLayoutAttribute.bottom,
relatedBy: NSLayoutRelation.equal,
toItem: self,
attribute: NSLayoutAttribute.bottom,
multiplier: 1, constant: 0))
self.addConstraint(NSLayoutConstraint(item: border,
attribute: NSLayoutAttribute.top,
relatedBy: NSLayoutRelation.equal,
toItem: self,
attribute: NSLayoutAttribute.top,
multiplier: 1, constant: 0))
}
func addRightBorder(_ color: UIColor, width: CGFloat) {
let border = UIView()
border.backgroundColor = color
border.translatesAutoresizingMaskIntoConstraints = false
self.addSubview(border)
border.addConstraint(NSLayoutConstraint(item: border,
attribute: NSLayoutAttribute.width,
relatedBy: NSLayoutRelation.equal,
toItem: nil,
attribute: NSLayoutAttribute.width,
multiplier: 1, constant: width))
self.addConstraint(NSLayoutConstraint(item: border,
attribute: NSLayoutAttribute.trailing,
relatedBy: NSLayoutRelation.equal,
toItem: self,
attribute: NSLayoutAttribute.trailing,
multiplier: 1, constant: 0))
self.addConstraint(NSLayoutConstraint(item: border,
attribute: NSLayoutAttribute.bottom,
relatedBy: NSLayoutRelation.equal,
toItem: self,
attribute: NSLayoutAttribute.bottom,
multiplier: 1, constant: 0))
self.addConstraint(NSLayoutConstraint(item: border,
attribute: NSLayoutAttribute.top,
relatedBy: NSLayoutRelation.equal,
toItem: self,
attribute: NSLayoutAttribute.top,
multiplier: 1, constant: 0))
}
}

Utilisation:

button!.addTopBorder(UIColor(red: 247.0/255.0, green: 147.0/255.0, blue: 29.0/255.0, alpha: 0.5), height: borderWidth)

pour le fait d'adapter la mise en page de la partie, vous devez modifier la valeur de la constante de 1 pour 'largeur' paramètre.
c_sharma thank u, corrigé mon erreur et à jour
Que adaptative solution de contournement est cool car mon point de vue peut changer beaucoup de choses, merci
J'ai été l'ajout de la frontière comme une UIView() et il ne serait pas montrer. En faisant un CALayer() fonctionne. Merci!

InformationsquelleAutor Kiran P Nair

Swift 4

UIButton De La Bordure Supérieure

var lineView = UIView(frame: CGRect(x: 0, y: 0, width: button.frame.size.width, height: 2))
lineView.backgroundColor= UIColor.black
button.addSubview(lineView)

UIButton De La Bordure Inférieure

var lineView = UIView(frame: CGRect(x: 0, y: button.frame.size.height, width: button.frame.size.width, height: 2))
lineView.backgroundColor= UIColor.black
button.addSubview(lineView)

InformationsquelleAutor Barath

Il suffit de dessiner la frontière de vous-même:

@implementation TopBorderButton
- (void)drawRect:(CGRect)rect
{
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextSetFillColorWithColor(context, [UIColor redColor].CGColor);
CGContextFillRect(context, CGRectMake(0.0f, 0.0, self.frame.size.width, 1.0));
}
@end

InformationsquelleAutor Danyun Liu

4

En fait je répondre à cette question que toi,mais je pense que ma méthode est meilleure que la réponse que vous choisissez.
Vous devez créer une classe hérite de la UIControl comme UIButton.
```
@interface customButton : UIButton
```
et de réécrire la méthode drawrect comme ceci:
```
- (void)drawRect:(CGRect)rect {
//Drawing code
CGContextRef context = UIGraphicsGetCurrentContext();
CGContextSetLineCap(context, kCGLineCapRound);
CGContextSetLineWidth(context, 1.5);  //线宽
CGContextSetAllowsAntialiasing(context, true);
CGContextSetRGBStrokeColor(context, 193/255.0, 205/255.0, 193/255.0, 1.0);  //线的颜色
CGContextBeginPath(context);
CGContextMoveToPoint(context, 0, 0);  //起点坐标
CGContextAddLineToPoint(context, self.frame.size.width, 0);   //终点坐标
CGContextStrokePath(context);
```
}

Par la voie~ votre but UIControl devez utiliser votre classe dans xib de réglage de l'

Dernier~ vous montrer mes personnalisé UIButton. Je pense que nous devrions choisir cette méthode et de combiner UIBezierPath de l'API pour terminer notre demande.

Merci pour regarder~ l'espoir d'étudier et de débattre ensemble~
À partir d'un iOS pêcheur -- vvlong
- Merci de long c'était très utile
InformationsquelleAutor long vv
2

Vous ne pouvez pas utiliser cette couche de méthodes.
La meilleure solution ici est de créer une petite image (par code ou photoshop), utilisez l'option - (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets resizingMode:(UIImageResizingMode)resizingMode pour la redimensionner selon l'aspect que vous souhaitez donner et ajoutez une image de fond. C'est vraiment une bonne approche, car il vous aide à garder une très faible empreinte mémoire et qui s'adapte à votre image pour toutes la taille des boutons.

Voici un bon tutoriel.

InformationsquelleAutor Andrea

Si vous utilisez des contraintes, alors vous pouvez ajouter une bordure de vue avec les contraintes

//MARK: - Add a border to one side of a view
public enum BorderSide {
case top, bottom, left, right
}
extension UIView {
public func addBorder(side: BorderSide, color: UIColor, width: CGFloat) {
let border = UIView()
border.translatesAutoresizingMaskIntoConstraints = false
border.backgroundColor = color
self.addSubview(border)
let topConstraint = topAnchor.constraint(equalTo: border.topAnchor)
let rightConstraint = trailingAnchor.constraint(equalTo: border.trailingAnchor)
let bottomConstraint = bottomAnchor.constraint(equalTo: border.bottomAnchor)
let leftConstraint = leadingAnchor.constraint(equalTo: border.leadingAnchor)
let heightConstraint = border.heightAnchor.constraint(equalToConstant: width)
let widthConstraint = border.widthAnchor.constraint(equalToConstant: width)
switch side {
case .top:
NSLayoutConstraint.activate([leftConstraint, topConstraint, rightConstraint, heightConstraint])
case .right:
NSLayoutConstraint.activate([topConstraint, rightConstraint, bottomConstraint, widthConstraint])
case .bottom:
NSLayoutConstraint.activate([rightConstraint, bottomConstraint, leftConstraint, heightConstraint])
case .left:
NSLayoutConstraint.activate([bottomConstraint, leftConstraint, topConstraint, widthConstraint])
}
}
}

Puis le mettre quelque chose comme ci-dessous

myButton.addBorder(side: .left, color: UIColor.lightGray, width: 1)

(inspiré par cette réponse)

InformationsquelleAutor Inti

0

Vous devez créer un nouveau calque ou de la vue 1pt haut, de définir la couleur d'arrière-plan de la couleur que vous voulez que votre frontière, et l'ajouter en tant que sous-vue/de la sous-couche.

InformationsquelleAutor Kevin
0

Si vous avez besoin de rien d'autre que la valeur par défaut, vous devez manuellement le dessiner.

InformationsquelleAutor Maxthon Chan

-1

Mieux et de façon simple....

btnTest.selectiveBorderFlag = AUISelectiveBordersFlagBottom | AUISelectiveBordersFlagTop;
btnTest.selectiveBordersColor = [UIColor redColor];
btnTest.selectiveBordersWidth = 3.0;

Ont fait à l'aide de : ce code source ouvert

InformationsquelleAutor Himanshu padia

Vous devez vous connecter pour publier un commentaire.