내일배움캠프 7기 Day52 TIL (1)

Daisy Kim·2023년 9월 21일
1

코드베이스 UI 만들기

❗️ 주의사항 ❗️Main Storyboad를 삭제시 앱에서 확인이 불가하니 삭제하시 마시라

① 우선 원하는 VC에 View를 선언해준다.

class ViewController: UIViewController {

let firstView = UIView()

override func viewDidLoad() {
        super.viewDidLoad()
}
}

② 클래스 내에 UI를 표시하는 함수를 만들어준다.

class ViewController: UIViewController {

let firstView = UIView()

override func viewDidLoad() {
        super.viewDidLoad()
        setupUI()
}

func setupUI() {}
}

③ 기본 View 위에 ①에서 선언한 View를 추가하여 층층이 쌓아가는 형식.

func setupUI() {
view.addSubview(firstView)
}
}

④ ①에서 선언한 View에 걸려있는 AutoLayout 기능을 해제해준다.

func setupUI() {
view.addSubview(firstView)

firstView.translatesAutoresizingMaskIntoConstraints = false
}
}

⑤ ①에서 선언한 View.왼쪽(leading)/오른쪽(trailing)/위(top)/아래(bottom)에
원하는 값을 지정하여 제약(constraint(equalTo:constant:)), 앵커(Anchor:닻)를 걸어 지정해준다.
.isActive = true 하여 활성화를 시켜준다.

전체 코드 👇👇

원하는 값만큼 모서리를 둥글게 만드는 코드

firstView.layer.cornerRadious = 10
firstView.layer.maskToBounds = true
profile
Technology proderit homini

6개의 댓글

comment-user-thumbnail
2023년 9월 21일

도연님 안녕하세요. 종종 도연님 velog 보는데, 궁금한게 있어서 하나 여쭤보고 싶습니다. 주의 사항에 메인 스토리보드 삭제 시 앱에서 확인이 불가능하다는 내용이 혹시 어떤 내용인지 여쭤볼 수 있을까요??

1개의 답글
comment-user-thumbnail
2023년 9월 23일

Day 52!!! 벌써 시간이 그렇게 지났군요!
지치지 않도록 파이팅입니다!

답글 달기