如何在iOS视图的顶部和底部添加边框?


在这篇文章中,我们将学习如何在视图中添加顶部和底部的边框。

在这个例子中,我们将以一个示例视图为例,并为其添加边框。

步骤1 - 打开Xcode → 新建项目 → 单视图应用程序 → 我们将其命名为“AddBorderTopAndBottom”

步骤2 - 打开Main.storyboard并在其中添加一个UIView,如下所示。

步骤3 - 为该视图添加一个@IBOutlet,将其命名为centerView。

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

因此,创建一个函数addTopAndBottomBorders并添加以下几行代码

func addTopAndBottomBorders() {
   let thickness: CGFloat = 2.0
   let topBorder = CALayer()
   let bottomBorder = CALayer()
   topBorder.frame = CGRect(x: 0.0, y: 0.0, width: self.centerView.frame.size.width, height: thickness)
   topBorder.backgroundColor = UIColor.red.cgColor
   bottomBorder.frame = CGRect(x:0, y: self.centerView.frame.size.height - thickness, width: self.centerView.frame.size.width, height:thickness)
   bottomBorder.backgroundColor = UIColor.red.cgColor
   centerView.layer.addSublayer(topBorder)
   centerView.layer.addSublayer(bottomBorder)
}

正如你所看到的,我们已经为图层设置了合适的厚度、框架和颜色,并将它们添加为子图层。

步骤5 - 在ViewController类的viewDidAppear中调用addTopAndBottomBorders方法。

override func viewDidAppear(_ animated: Bool) {
   addTopAndBottomBorders()
}

步骤6 - 运行项目,你应该能够看到中心视图的顶部和底部边框。

更新于:2019年9月11日

5000+ 次浏览

开启你的职业生涯

通过完成课程获得认证

开始学习
广告