界面生成器中的UIView边框颜色不起作用？

Question

我想通过IB设置一个视图的图层属性。一切正常，除了边框的颜色（属性layer.borderColor）：

我记得一年前运行到这个问题，我结束了编程这样做。而且，我仍然可以通过编程来实现，但我很好奇为什么layer.borderColor属性从不通过接口构建器工作。我不想导入QuartzCore，然后为此编写额外的代码行，看起来像是一种矫枉过正的行为。

Answer 1

可以这样做，但它不是内置功能。这是因为“用户定义运行时属性”面板中的Color类型创建了UIColor，但layer.borderColor保持CGColorRef类型。不幸的是，在Interface Builder中没有办法分配CGColorRef类型。

但是，这可以通过代理属性。请参阅Peter DeWeese's answer以解决此问题的另一个问题。他的答案定义了一个允许通过Interface Builder设置代理颜色的类别。

Answer 2

我认为这可能是因为您将masksToBounds设置为YES。我不认为边界被绘制在图层的边界内，所以它不会被绘制，因为您将所有内容都隐藏在边界之外。

Answer 3

下面是一个快速解决这个问题的方法。分类...

@interface UIView (IBAppearance) 

@property (nonatomic, strong) UIColor *borderColor; 

@end 

您不必存储它，它只是很好，所以你可以稍后查询。重要的是获取值并将UIColor的CGColor分配给图层。

#import <objc/runtime.h> 

#define BORDER_COLOR_KEYPATH @"borderColor" 

@implementation UIView (IBAppearance) 

- (void)setBorderColor:(UIColor *)borderColor { 
    UIColor *bc = objc_getAssociatedObject(self, BORDER_COLOR_KEYPATH); 
    if(bc == borderColor) return; 
    else { 
     objc_setAssociatedObject(self, BORDER_COLOR_KEYPATH, borderColor, OBJC_ASSOCIATION_RETAIN_NONATOMIC); 
     self.layer.borderColor = [borderColor CGColor]; 
    } 
} 

- (UIColor *)borderColor { 
    return objc_getAssociatedObject(self, BORDER_COLOR_KEYPATH); 
} 

@end 

当然，在Interface Builder中你不上layer.borderColor设定值，而只是borderColor。

Answer 4

为了使CALayer的KVC兼容的财产borderColorFromUIColor，简单地实现

layer.borderColorFromUIColor=[UIColor red]; 

This link have awnser

Answer 5

你必须为CALayer的创造范畴：

的CALayer + UIColor.h

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

@interface CALayer(UIColor) 

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

@end 

CALayer + UIColor。米

#import "CALayer+UIColor.h" 

@implementation CALayer(UIColor) 

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

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

@end 

然后在用户定义运行属性您可以使用它，因为它是在图片下：

对于斯威夫特它是更简单：

@IBInspectable var borderColor: UIColor? { 
    didSet { 
     layer.borderColor = borderColor?.CGColor 
     layer.borderWidth = 1 
    } 
} 

然后在Xcode中，你可以像使用它一样这样的：

一旦选择了某事它会自动添加到您的运行属性：

Answer 6

我的两分钱用于移植巴特洛梅耶Semańczyk的回答让斯威夫特：

创建的CALayer延期在您的视图控制器中：

import UIKit 

extension CALayer { 
    func borderUIColor() -> UIColor? { 
     return borderColor != nil ? UIColor(CGColor: borderColor!) : nil 
    } 

    func setBorderUIColor(color: UIColor) { 
     borderColor = color.CGColor 
    } 
} 

Answer 7

在Swif t，您可以扩展UIButton类并添加一个@IBInspectable，使您可以从故事板中选择一种颜色并将其设置为颜色（宽度为1，可以更改）。 在您的视图控制器的最后补充一点：

extension UIButton{ 
    @IBInspectable var borderColor: UIColor? { 
     get { 
      return UIColor(CGColor: layer.borderColor!) 
     } 
     set { 
      layer.borderColor = newValue?.CGColor 
      layer.borderWidth = 1 
     } 
    } 
} 

Answer 8

使用IBDesignable，而不是运行属性更清晰。

将此代码放入任何类中，并直接在故事板上编辑属性。

import UIKit 

@IBDesignable extension UIView { 
    @IBInspectable var borderColor:UIColor? { 
     set { 
      layer.borderColor = newValue!.CGColor 
     } 
     get { 
      if let color = layer.borderColor { 
       return UIColor(CGColor:color) 
      } 
      else { 
       return nil 
      } 
     } 
    } 
    @IBInspectable var borderWidth:CGFloat { 
     set { 
      layer.borderWidth = newValue 
     } 
     get { 
      return layer.borderWidth 
     } 
    } 
    @IBInspectable var cornerRadius:CGFloat { 
     set { 
      layer.cornerRadius = newValue 
      clipsToBounds = newValue > 0 
     } 
     get { 
      return layer.cornerRadius 
     } 
    } 
} 

Answer 9

我遇到了同样的问题，我的工作围绕它通过创建一个自定义按钮：

class UIButtonWithRoundBorder: UIButton { 

required init?(coder aDecoder: NSCoder) { 
    super.init(coder: aDecoder) 
    self.layer.cornerRadius = 6 
    self.layer.borderWidth = 1 
    self.layer.borderColor = UIColor.whiteColor().CGColor 
    self.clipsToBounds = true 
} 

} 

然后在IB，类型从“UIButton的”到“UIButtonWithRoundBorder”改变。

简单而方便。 :)

Answer 10

复制并粘贴这个类：

import UIKit 

@IBDesignable class BorderView : UIView { 
    @IBInspectable var borderColor: UIColor = .clear { 
     didSet { 
     layer.borderColor = borderColor.cgColor 
     } 
    } 

    @IBInspectable var borderWidth: CGFloat = 0 { 
     didSet { 
      layer.borderWidth = borderWidth 
     } 
    } 

    @IBInspectable var cornerRadius: CGFloat = 0 { 
     didSet { 
      layer.cornerRadius = cornerRadius 
     } 
    } 
} 

现在在Interface Builder中，去身份检查和设置您的视图作为CustomView类。各地

没有必要惹用户定义的运行属性了：

之后，看看你的属性检查器。而且您的更改也会显示在画布上！

Answer 11

borderColor将无法​​使用，除非该图层的borderWidth属性设置为大于0的值。

斯威夫特3：

button.layer.borderColor = UIColor.white.cgColor 
button.layer.borderWidth = 1.0 // Default value is 0, that's why omitting this line will not make the border color show. 

Answer 12

您可以在厦门国际银行的 “BORDERCOLOR” 键，使用设定值：

extension UIView { 

    open override func setValue(_ value: Any?, forKey key: String) { 
     guard key == "borderColor", let color = value as? UIColor else { 
      super.setValue(value, forKey: key) 
      return 
     } 

     layer.borderColor = color.cgColor 
    } 
}