[iOS] addsubview()와 한번에 여러 subview 추가하기

뷰 계층 구조 속 하위뷰 추가하기 - addSubview()

스토리보드에서는 라이브러리에서 뷰를 캔버스로 끌어와서 생성합니다.

뷰를 프로그래밍적으로도 생성할 수도 있습니다.

뷰를 생성할 때 일반적으로 해당 뷰의 초기 크기와 위치를 향후 지정 될 superview를 기준으로 지정합니다.

아래 예제처럼 뷰를 생성하게 되면 해당 뷰의 왼쪽 상단 모서리가 추후 설정될 superview의좌표 시스템에서 (10, 10) 지점에 배치됩니다.

let rect = CGRect(x: 10, y: 10, width: 100, height: 100)
let myView = UIView(frame: rect)

위 코드 처럼 생성한 뷰를 superview의 subview로 추가하려면 addSubview(_:)메서드를 호출해야 합니다.

addSubview를 통해 뷰에 여러개의 subview를 추가할 수 있습니다. subview는 추가 될 때 이미 추가되어있던 기존 subview들 즉, siblingview들 위에 배치가 됩니다.

class ViewController: UIViewController {

		let rect = CGRect(x: 10, y: 10, width: 100, height: 100)
		let myView = UIView(frame: rect)
   
    override func viewDidLoad() {
        super.viewDidLoad()
        setLayout()
    }
    func setLayout() {
        view.addSubview(myView) //view는 viewcontroller가 기본으로 가지고 있는 최상위 UIView
    }
}

insertSubview(_:aboveSubview:) and insertSubview(_:belowSubview:) 메서드를 사용하여 서브뷰의 상대적인 z-순서를 지정할 수도 있습니다.

이미 추가된 서브뷰의 위치를 바꾸려면 exchangeSubview(at:withSubviewAt:) 메서드를 사용할 수도 있습니다.

그런데 apple의 공식 api는 한번에 하나의 서브뷰만 추가할 수 있기 때문에 addSubview를 굉장히 여러번 써줘야한다는 단점이 있습니다.

이러한 단점을 해결하기 위해 하단의 extension을 사용하면 view 배열을 파라미터로 넣어 한번에 여러개의 서브뷰를 추가 할 수 있습니다.

extension UIView {
    func addSubviews(_ views: [UIView]) {
        views.forEach { self.addSubview($0) }
    }
}

이렇게 원하는 뷰들을 생성하고 계층구조를 추가해준 후 에는 오토 레이아웃을 설정하여 뷰의 크기와 위치가 나머지 뷰 계층 구조의 변경에 따라 어떻게 변하는지 제어할 수 있습니다

 

UIView | Apple Developer Documentation