이 기사에서는 테두리와 그림자를 만드는 방법을 알아보겠습니다. 직접 코딩하는 방법과 디자인 가능하게 만드는 방법과 스토리보드에서 직접 편집할 수 있는 UIView의 확장이라는 두 가지 방법으로 할 것입니다.
ios에서 테두리를 사용하는 방법을 살펴보겠습니다 −
방법 1 − 간단한 코딩으로 테두리 만들기 –
테두리는 레이어의 속성으로 그 위에 View가 그려지며 테두리는 테두리 색상, 테두리 너비 등의 속성을 가집니다.
self.view.layer.borderColor =colorLiteral(빨간색:0.4392156899, 녹색:0.01176470611, 파란색:0.1921568662, 알파:1)self.view.layer.borderWidth =5.0
우리가 사용할 수 있는 보기의 모서리 반경을 생성하기 위해
self.view.layer.cornerRadius =5
시뮬레이터에서 실행했을 때 위 코드의 결과는 다음과 같습니다.
그림자를 생성하기 위해 shadowPath, shadowColor, shadowOffSet, shadowOpactiy 및 shadowRadius와 같은 다른 속성을 사용할 수 있습니다.
방법 2 − Designable을 사용하여 스토리보드에서 이러한 속성을 편집 가능하게 만들 수 있습니다. designable을 사용하여 테두리를 가지고 노는 예를 살펴보겠습니다.
extension UIView { @IBInspectable var cornerRadius:CGFloat { get { return layer.cornerRadius } set { layer.cornerRadius =newValue } } @IBInspectable var borderWidth:CGFloat { get { return layer.borderWidth } set { layer.borderWidth =newValue } } @IBInspectable var borderColor:UIColor? { get { if let color =layer.borderColor { return UIColor(cgColor:color) } return nil } set { if let color =newValue { layer.borderColor =color.cgColor } else { layer.borderColor =nil } } }}
이렇게 하면 스토리보드의 Attribute Inspector에 작업이 생성되어 결과를 직접 편집하고 액세스할 수 있습니다. 아래와 같이 표시되어야 합니다.
