[Swift] UI Kit 에 대한 간단(?) 요약 정리

2021. 8. 30. 23:55Mobile

Swift UI Kit 에 대한 정리
UI Kit 는 ios app, ipad app, macos, apple watch app 등 
다양한 디바이스의 앱의 형태, 디자인 정도를 만져주는 것으로 설명할 수 있을 것 같아요.

우선, xCode 에서 file -new - project 를 생성하여  
 storyboard(스토리보드) 를 통한 기본 화면 구성을 만질 수 있습니다. 

스토리보드란, ios 앱의 사용자 인터페이스를 시각적으로 표현해 ㅎ컨텐츠 화면과 
화면 간의 연결을 보여주는 도구입니다. 스토리보드는 각 각 기능과 구성에 맞게 배치할 수 
있습니다. 
주로 초반에 만지는 파일은 main.storyboard 와 viewController.swift 입니다.
뷰컨트롤러는 영어 해석 그대로 보이는 화면 구성을 조절,관리하는 파일입니다.

- UIView 실습 예제 하나를 보여드리자면 

import UIKit



override func viewDidLoad(){

super.viewDidLoad()

let view1 = UIView()

view1.frame = CGRect(x:100, y:100, width: 200, height: 200)

let color = UIColor(red:1.0,green:0,blue:0, alpha:1)

view1,backgroundColor = color

view.addSubview(view1)

}


1. super 가장 상위(부모)클래스의 viewDidLoad() (원래 있는) 메소드를 불렀다.
viewDidLoad() 란 뷰 컨트롤러의 뷰가 메모리 안에 저장되어진 후에 호출하는 
메소드다. 
2. 상수 view1 에 UIView( ) 라는 애플이 만들어 놓은 클래스를 넣어놓습니다.
그 view1에 frame 이라는 프로퍼티에 메소드 타입이 CGRect( ) 인 소괄호 안에 
x,y 좌표(위치)값, width, height 값을 넣어 줬습니다.
상수 color 라는 곳에 UIColor 라는 스위프트의 클래스 값에 rgb  값 float 타입으로 넣어주고
alpha(opacity) 투명도 까지 지정가능합니다. UIColor 는 생략이 가능해서 
let color = .systemYellow 라고 사용해도 무방합니다.

만들어진 뷰들은 
만들어진 view 는 addSubview: 함수를 통해 add 할 수 있습니다.

addSubview 는 sibling 중 top 으로 위치시키며 add 됩니다.

그 외 사진들..




xCode 의 prj 파일의 main.storyboard 파일(좌)  와 viewController.swift 파일 형태입니다.