Cocoa Touch: Wie ändert man die Grenzfarbe und -dicke von UIView?

Xcode 6 update

Da Xcode die neueste version gibt es eine bessere Lösung:

Mit @IBInspectable Sie können Attribute direkt aus innerhalb die Attributes Inspector.

Dieser legt die User Defined Runtime Attributes für Sie:

Gibt es zwei Ansätze, um dies einzurichten:

Option 1 (mit live-Aktualisierung in der Storyboard)

1. Erstellen MyCustomView.
2. Diese erbt von UIView.
3. Set @IBDesignable (das macht die Sicht-update-live).*
4. Stellen Sie Ihre Laufzeit-Attribute (border, etc.) mit @IBInspectable
5. Ändern Ihre Ansichten Klasse MyCustomView
6. Bearbeiten im Eigenschaften Panel und sehen, änderungen im Storyboard 🙂

`

@IBDesignable
class MyCustomView: UIView {
    @IBInspectable var cornerRadius: CGFloat = 0 {
        didSet {
            layer.cornerRadius = cornerRadius
            layer.masksToBounds = cornerRadius > 0
        }
    }
    @IBInspectable var borderWidth: CGFloat = 0 {
        didSet {
            layer.borderWidth = borderWidth
        }
    }
    @IBInspectable var borderColor: UIColor? {
        didSet {
            layer.borderColor = borderColor?.CGColor
        }
    }
}

* @IBDesignable funktioniert nur, wenn zu Beginn der class MyCustomView

Option 2 (funktioniert nicht, da Swift 1.2, siehe Kommentare)

Erweitern Sie Ihre UIView-Klasse:

extension UIView {
    @IBInspectable var cornerRadius: CGFloat = 0 {
        didSet {
            layer.cornerRadius = cornerRadius
            layer.masksToBounds = cornerRadius > 0
        }
    }
    @IBInspectable var borderWidth: CGFloat = 0 {
        didSet {
            layer.borderWidth = borderWidth
        }
    }
    @IBInspectable var borderColor: UIColor? {
        didSet {
            layer.borderColor = borderColor?.CGColor
        }
    }
}

Diese Weise, Ihre Standard-Ansicht immer hat diese extra editierbare Felder in Attributes Inspector. Ein weiterer Vorteil ist, dass Sie nicht haben, die Klasse zu wechseln, um MycustomView jeder Zeit.
Jedoch ein Nachteil dieser ist, dass Sie nur Ihre änderungen, wenn Sie führen Sie Ihre app aus.

InformationsquelleAutor der Antwort MMachinegun

Fügen Sie die folgende @IBInspectables in UIView-Erweiterung

extension UIView {

  @IBInspectable var borderWidth: CGFloat {
    get {
      return layer.borderWidth
    }
    set(newValue) {
      layer.borderWidth = newValue
    }
  }

  @IBInspectable var borderColor: UIColor? {
    get {
      if let color = layer.borderColor {
        return UIColor(CGColor: color)
      }
      return nil
    }
    set(newValue) {
      layer.borderColor = newValue?.CGColor
    }
  }
}

Dann sollten Sie in der Lage sein, borderColor und borderWidth Attribute direkt aus dem Attribut-Inspektor. Siehe die beigefügten Bild

Attributes Inspector

InformationsquelleAutor der Antwort Bikramjit Singh

Ich würde nicht vorschlagen, überschreiben Sie die drawRect durch verursacht ein performance-hit.

Statt, ich würde ändern Sie die Eigenschaften der Klasse, wie unten (in Ihrer benutzerdefinierten uiview):

  - (id)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];
    if (self) {
      self.layer.borderWidth = 2.f;
      self.layer.borderColor = [UIColor redColor].CGColor;
    }
  return self;

Ich nicht sehen, keine Pannen bei der Einnahme obigen Ansatz - nicht sicher, warum putting in initWithFrame Stoppt diese 😉

InformationsquelleAutor der Antwort DEzra

Wollte ich dieses add @marczking Antwort (Option 1) als Kommentar, aber meine niedrigen status, auf StackOverflow ist zu verhindern, dass.

Habe ich ein port von @marczking Antwort auf Objective C. Funktioniert wie Charme, Dank @marczking!

UIView+Grenze.h:

#import <UIKit/UIKit.h>

IB_DESIGNABLE
@interface UIView (Border)

-(void)setBorderColor:(UIColor *)color;
-(void)setBorderWidth:(CGFloat)width;
-(void)setCornerRadius:(CGFloat)radius;

@end

UIView+Grenze.m:

#import "UIView+Border.h"

@implementation UIView (Border)
//Note: cannot use synthesize in a Category

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

-(void)setBorderWidth:(CGFloat)width
{
    self.layer.borderWidth = width;
}

-(void)setCornerRadius:(CGFloat)radius
{
    self.layer.cornerRadius = radius;
    self.layer.masksToBounds = radius > 0;
}

@end

InformationsquelleAutor der Antwort spencery2

@IBInspectable ist, für mich zu arbeiten auf iOS 9 , Swift 2.0

extension UIView {

@IBInspectable var borderWidth: CGFloat {
get {
        return layer.borderWidth
    }
    set(newValue) {
        layer.borderWidth = newValue
    }
}

@IBInspectable var cornerRadius: CGFloat {
    get {
        return layer.cornerRadius
    }
    set(newValue) {
        layer.cornerRadius = newValue
    }
}

@IBInspectable var borderColor: UIColor? {
    get {
        if let color = layer.borderColor {
            return UIColor(CGColor: color)
        }
        return nil
    }
    set(newValue) {
        layer.borderColor = newValue?.CGColor
    }
}

InformationsquelleAutor der Antwort anhtran

Wenn Sie hinzufügen möchten anderen Rahmen auf unterschiedlichen Seiten, kann fügen Sie eine Untersicht mit den spezifischen Stil ist ein Weg, einfach zu kommen mit.

InformationsquelleAutor der Antwort Yuanfei Zhu