Computer >> 컴퓨터 >  >> 프로그램 작성 >> IOS

iOS 보기의 상단과 하단에 테두리를 추가하는 방법은 무엇입니까?

<시간/>

이 게시물에서는 보기 위해 위쪽 및 아래쪽 테두리를 추가하는 방법을 배웁니다.

이 예에서는 샘플 보기로 사용하고 테두리를 추가합니다.

1단계 − Xcode 열기 → 새 프로젝트 → 단일 보기 응용 프로그램 → 이름을 "AddBorderTopAndBottom"으로 지정합니다.

2단계 − Main.storyboard를 열고 아래와 같이 UIView를 추가합니다.

iOS 보기의 상단과 하단에 테두리를 추가하는 방법은 무엇입니까?

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단계 − 프로젝트를 실행하면 센터 뷰의 상단과 하단 테두리가 보일 것입니다.

iOS 보기의 상단과 하단에 테두리를 추가하는 방법은 무엇입니까?