ストーリーボードのUIButtonのボーダーを設定します

Question

コードに直接設定することなく、Xcodeのボタンにボーダーを表示することはできません。カスタム背景画像を作成せずにストーリーボードでこれを行う方法はない可能性がありますか？

Answer 1

キーパスを使用できます。

たとえば、画像に記載されているコーナーの半径（layer.cornerRadius）。 ストーリーボードで効果を見ることができません。このパラメーターは実行時に評価されるためです。今あなたがカテゴリを使用している場合、キーのパスとしてのみcornerRadiusないlayer.cornerRadiusを使用し、（ストーリーボードで結果を表示するために@IBInspectableでUIViewの中SWIFTカテゴリ（画像怒鳴るコード）を使用することができます。

ここで

---

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

---

使用キーパスlayer.borderUIColorは、境界線の色を設定することができPeter DeWeese答えからカテゴリです。

の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 

Answer 2

次のようなコードの一部を使用することができます。

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

ますのでご注意ください：addButtonはIBOutletです。

Answer 3

スウィフト3 あなたがIBInspectableを使用するときにIBで結果を見たい場合は、あなたがUIViewのを拡張し、そのクラスにプロパティを追加する必要があり、すなわち

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

参照：http://nshipster.com/ibinspectable-ibdesignable/