37

是否可以在 UIView 顶部添加边框,如果可以,请问如何?

4

8 回答 8

98

我只是测试了几行代码,它工作得很好,只需在你的项目中测试它。希望您能轻松获得解决方案。

为什么要创建新视图并将其添加到现有视图中..?对于此任务,只需创建一个CALayer并将其添加到现有 UIView 的图层中,如下所示:-

#import <QuartzCore/QuartzCore.h>
- (void)viewDidLoad
{
    CALayer *TopBorder = [CALayer layer];
    TopBorder.frame = CGRectMake(0.0f, 0.0f, myview.frame.size.width, 3.0f);
    TopBorder.backgroundColor = [UIColor redColor].CGColor;
    [myview.layer addSublayer:TopBorder];

  [super viewDidLoad];

}

它的输出是: -

在此处输入图像描述

于 2013-07-12T07:19:04.587 回答
18

我已经为我找到了解决方案,这是技巧:

CGSize mainViewSize = self.view.bounds.size;
CGFloat borderWidth = 1;
UIColor *borderColor = [UIColor colorWithRed:37.0/255 green:38.0/255 blue:39.0/255 alpha:1.0];
UIView *topView = [[UIView alloc] initWithFrame:CGRectMake(0.0, 0.0, mainViewSize.width, borderWidth)];
topView.opaque = YES;
topView.backgroundColor = borderColor;
topView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleBottomMargin;        
[self.view addSubview:topView];
于 2013-07-12T07:17:04.797 回答
10

GilbertOOI 在 Swift 2 中的回答:

let topBorder: CALayer = CALayer()
topBorder.frame = CGRectMake(0.0, 0.0, myView.frame.size.width, 3.0)
topBorder.backgroundColor = UIColor.redColor().CGColor
myView.layer.addSublayer(topBorder)
于 2016-02-19T21:01:07.263 回答
6

这是一个 UIView 类别,可让您在 UIView 的任何一侧添加一个 layer-back 或 view-backed 边框:UIView+Borders

于 2013-12-31T05:29:02.610 回答
5

GilbertOOI在 Swift 4 中的回答:

let topBorder: CALayer = CALayer()
topBorder.frame = CGRect(x: 0, y: 0, width: myView.frame.size.width, height: 1)
topBorder.backgroundColor = UIColor.purple.cgColor
myView.layer.addSublayer(topBorder)
于 2017-12-18T02:28:09.350 回答
2

我创建了这个简单的 UIView 子类,以便它在 Interface Builder 中工作并使用约束: https ://github.com/natrosoft/NAUIViewWithBorders

这是我的博客文章: http ://natrosoft.com/?p=55

-- 基本上只需在 Interface Builder 中放入一个 UIView 并将其类类型更改为 NAUIViewWithBorders。
-- 然后在您的 VC 的 viewDidLoad 中执行以下操作:

/* For a top border only ———————————————- */
self.myBorderView.borderColorTop = [UIColor redColor];
self.myBorderView..borderWidthsAll = 1.0f;

/* For borders with different colors and widths ————————— */
self.myBorderView.borderWidths = UIEdgeInsetsMake(2.0, 4.0, 6.0, 8.0);
self.myBorderView.borderColorTop = [UIColor blueColor];
self.myBorderView.borderColorRight = [UIColor redColor];
self.myBorderView.borderColorBottom = [UIColor greenColor];
self.myBorderView.borderColorLeft = [UIColor darkGrayColor];

这是 .m 文件的直接链接,因此您可以查看实现:NAUIViewWithBorders.m
还有一个演示项目。

于 2014-01-20T19:41:20.330 回答
2

remus 在 Obj-C 中的回答:

 CALayer *topBorder = [CALayer new];
 topBorder.frame = CGRectMake(0.0, 0.0, self.frame.size.width, 3.0);
 topBorder.backgroundColor = [UIColor redColor].CGColor;
 [myView.layer addSublayer:topBorder];
于 2016-03-26T00:53:51.880 回答
0

斯威夫特5:

我们将编写一个单独的方法来为该视图添加边框。为了给这个视图添加边框,我们将创建两个具有所需厚度的图层。我们将这两层的框架设置为视图的顶部和底部。我们将在这些图层上设置所需的边框背景颜色,并将这些图层作为子图层添加到视图中。

func addTopBorders() {
   let thickness: CGFloat = 1.0
   let topBorder = CALayer()
   topBorder.frame = CGRect(x: 0.0, y: 0.0, width: 
   self.down_view_outlet.frame.size.width, height: thickness)
   topBorder.backgroundColor = UIColor.white.cgColor
   down_view_outlet.layer.addSublayer(topBorder)
}
于 2020-11-01T16:20:18.747 回答