iOSビューの上下に境界線を追加するにはどうすればよいですか？

この投稿では、表示する上と下の境界線を追加する方法を学習します。

この例では、サンプルビューとして境界線を追加します。

ステップ1 −Xcodeを開く→新しいプロジェクト→シングルビューアプリケーション→「AddBorderTopAndBottom」という名前を付けましょう

ステップ2 − Main.storyboardを開き、以下に示すようにUIViewを追加します。

ステップ3 −ビューに@IBOutletを1つ追加し、centerViewという名前を付けます。

ステップ4 −このビューに境界線を追加する別のメソッドを作成します。このビューに境界線を追加するために、必要な厚さの2つのレイヤーを作成します。これらの2つのレイヤーのフレームをビューの上下に設定します。これらのレイヤーの境界線に必要な背景色を設定し、これらのレイヤーをサブレイヤーとしてビューに追加します。

したがって、関数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 −プロジェクトを実行すると、中央のビューの上下の境界線が表示されるはずです。