blocks|key|976308|text|你需要使用view的层来设置边框属性。例如：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|976309|#import+<QuartzCore/QuartzCore.h>
...
view.layer.borderColor+=+[UIColor+redColor].CGColor;
view.layer.borderWidth+=+3.0f;|code-block|syntax|javascript|976310|您还需要链接到QuartzCore.framework才能访问此功能。|976311|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You need to use view's layer to set border property. e.g:

<pre><code>#import &lt;QuartzCore/QuartzCore.h&gt;
...
view.layer.borderColor = [UIColor redColor].CGColor;
view.layer.borderWidth = 3.0f;
</code></pre>

You also need to link with QuartzCore.framework to access this functionality.

blocks|key|976356|text|你也可以用你想要的颜色来创建边框。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|976357|view.layer.borderColor+=+[UIColor+colorWithRed:r/255.0+green:g/255.0+blue:b/255.0+alpha:1.0].CGColor;|code-block|syntax|javascript|976358|*r、g、b是0到255之间的值。|976359|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You can also create border with the color of your wish..

<pre><code>view.layer.borderColor = [UIColor colorWithRed:r/255.0 green:g/255.0 blue:b/255.0 alpha:1.0].CGColor;
</code></pre>

*r,g,b are the values between 0 to 255.

blocks|key|976669|text|在UIView扩展中添加以下@IBInspectables|type|unstyled|depth|inlineStyleRanges|entityRanges|data|976670|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
++++}
++}
}|code-block|syntax|javascript|976671|然后，您应该能够直接从属性检查器设置borderColor和borderWidth属性。请参阅所附图片|976672|Attributes+Inspector|offset|length|976673|entityMap|0|LINK|mutability|MUTABLE|url|http://i.stack.imgur.com/q52cc.png^0|0|0|0|0|K|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|X|8|@]|9|@$K|Y|L|Z|1|10]]|A|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

Add following @IBInspectables in UIView extension

<pre><code>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
 }
 }
}
</code></pre>

And then you should be able to set borderColor and borderWidth attributes directly from Attribute inspector. See attached image

<a href="http://i.stack.imgur.com/q52cc.png" rel="noreferrer">Attributes Inspector</a>

blocks|key|976507|text|当我使用Vladimir的CALayer解决方案时，在视图的顶部有一个动画，就像一个模态的UINavigationController消除一样，我看到有很多小故障发生，并且有绘图性能问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|976508|因此，实现这一点的另一种方法是制作一个自定义的UIView并实现drawRect消息，如下所示：|offset|length|style|CODE|976509|-+(void)drawRect:(CGRect)rect
{
++++CGContextRef+contextRef+=+UIGraphicsGetCurrentContext();
++++CGContextSetLineWidth(contextRef,+1);
++++CGContextSetRGBStrokeColor(contextRef,+255.0,+255.0,+255.0,+1.0);
++++CGContextStrokeRect(contextRef,+rect);++++
}|code-block|syntax|javascript|976510|entityMap^0|0|W|8|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@$D|Q|E|R|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|S|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

When I use Vladimir's CALayer solution, and on top of the view I have an animation, like a modal UINavigationController dismissing, I see a lot of glitches happening and having drawing performance issues.

So, another way to achieve this, but without the glitches and performance loss, is to make a custom UIView and implement the <code>drawRect</code> message like so:

<pre><code>- (void)drawRect:(CGRect)rect
{
 CGContextRef contextRef = UIGraphicsGetCurrentContext();
 CGContextSetLineWidth(contextRef, 1);
 CGContextSetRGBStrokeColor(contextRef, 255.0, 255.0, 255.0, 1.0);
 CGContextStrokeRect(contextRef, rect); 
}
</code></pre>

blocks|key|1190982|text|view.layer.borderWidth+=+1.0
view.layer.borderColor+=+UIColor.lightGray.cgColor|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1190983|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>view.layer.borderWidth = 1.0
view.layer.borderColor = UIColor.lightGray.cgColor
</code></pre>

blocks|key|1190973|text|尝试以下代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1190974|view.layer.borderColor+=++[UIColor+redColor].CGColor;
view.layer.borderWidth=+2.0;
[view+setClipsToBounds:YES];|code-block|syntax|javascript|1190975|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try this code:

<pre><code>view.layer.borderColor = [UIColor redColor].CGColor;
view.layer.borderWidth= 2.0;
[view setClipsToBounds:YES];
</code></pre>

blocks|key|976594|text|我不建议由于造成性能影响而覆盖drawRect。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|976595|相反，我会像下面这样修改类的属性(在您的自定义uiview中)：|976596|++-+(id)initWithFrame:(CGRect)frame+{
++++self+=+[super+initWithFrame:frame];
++++if+(self)+{
++++++self.layer.borderWidth+=+2.f;
++++++self.layer.borderColor+=+[UIColor+redColor].CGColor;
++++}
++return+self;|code-block|syntax|javascript|976597|在采用上述方法时，我没有看到任何故障-不确定为什么放入initWithFrame会阻止这些故障;-)|976598|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

I wouldn't suggest overriding the drawRect due to causing a performance hit.

Instead, I would modify the properties of the class like below (in your custom uiview):

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

I didn't see any glitches when taking above approach - not sure why putting in the initWithFrame stops these ;-)

blocks|key|1190942|text|@IBInspectable在iOS+9、Swift+2.0上为我工作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1190943|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
++++}
}|code-block|syntax|javascript|1190944|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

@IBInspectable is working for me on iOS 9 , Swift 2.0

<pre><code>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
 }
}
</code></pre>

blocks|key|976555|text|如果您不想编辑UIView的图层，则始终可以将该视图嵌入到另一个视图中。父视图的背景颜色将设置为边框颜色。它也会稍微大一点，这取决于你想要的边框有多宽。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|976556|当然，只有当你的视图不是透明的，并且你只想要一种边框颜色时，这才能起作用。操作员希望边框位于视图本身中，但这可能是一个可行的替代方案。|976557|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

If you didn't want to edit the layer of a UIView, you could always embed the view within another view. The parent view would have its background color set to the border color. It would also be slightly larger, depending upon how wide you want the border to be.

Of course, this only works if your view isn't transparent and you only want a single border color. The OP wanted the border in the view itself, but this may be a viable alternative.

blocks|key|1191013|text|swift+4.2中项目的边框颜色：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1191014|let+cell+=+tableView.dequeueReusableCell(withIdentifier:+"Cell_lastOrderId")+as!+Cell_lastOrder
cell.layer.borderWidth+=+1
cell.layer.borderColor+=+UIColor.white.cgColor
cell.layer.cornerRadius+=+10|code-block|syntax|javascript|1191015|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

item's border color in swift 4.2:

<pre><code>let cell = tableView.dequeueReusableCell(withIdentifier: "Cell_lastOrderId") as! Cell_lastOrder
cell.layer.borderWidth = 1
cell.layer.borderColor = UIColor.white.cgColor
cell.layer.cornerRadius = 10
</code></pre>

blocks|key|976443|text|如果你想在不同的边框上添加不同的边框，可以添加一个带有特定样式的子视图是一种很容易想到的方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|976444|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

If you want to add different border on different sides, may be add a subview with the specific style is a way easy to come up with.

blocks|key|976857|text|[self.view.layer+setBorderColor:+UIColor+UIColor+blue:0.265绿色:0.447蓝色:0.767+alpha:1.0f.CGColor]；|type|unstyled|depth|inlineStyleRanges|entityRanges|data|976858|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

[self.view.layer setBorderColor: [UIColor colorWithRed:0.265 green:0.447 blue:0.767 alpha:1.0f].CGColor];

I saw in the inspector that I can change the background color, but I'd like to also change the border color and thickness, is this possible?

Cocoa Touch: How To Change UIView's Border Color And Thickness?

Swift

我在检查器中看到我可以更改背景颜色，但我也想更改边框颜色和粗细，这是可能的吗？

问Cocoa Touch:如何改变UIView的边框颜色和厚度？
EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Cocoa Touch:如何改变UIView的边框颜色和厚度？EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Cocoa Touch:如何改变UIView的边框颜色和厚度？
EN