IOS) SWIFT UI 탐색 해보기

Swift UI 란 무엇일까?

 

 

Swift UI - The shortest path to a great app The shortest path to a great UI

 

• 기존 UIKIT - 명령형
• 현재 사용할 SWIFT UI - 선언형

 

 명령형

 

명령형과 선언형

et view = UIView() view.backgroundColor = .white
let label = UILabel()
label.text = "Hello, world!"
label.font = .preferredFont(forTextStyle: .title1)
let button = UIButton()
button.setTitle("START", for: .normal) button.addTarget(self, action: #selector(action), for: .touchUpInside)
   view.addSubview(label)
   view.addSubview(button)
   //set autolayout constraints
   ...

 

 

 선언형

 struct ContentView: View { var body: some View {
        VStack {
            Text("Hello, world!")
                .font(.title)
            Button("START", action: {})
} }
}

명령형과 선언형 모두 같은 결과물을 가짐

 

 

 

 swift UI의 DATAFLOW & Property Wrapper

swift UI - Views are a function of state, not of a sequence of events.

 

swfit UI - DataFlow

 

property wrapper

 

 swift UI 종류

1.  Stack (ZStcak, HStack, VStack)

 

 

- LazyStack(성능을 위해 하위뷰가 표시될 때만 그때그때 컨테이너 안에 들어왔을 때 만 크기 계산한다.)

 

2.  Grid

• 넘어서는 범위가 있다면 스크롤뷰를 넣고 그 안에 그리드 뷰를넣어야 스크롤 이된다!

 

 

3. List

• 한줄 씩 리스트 처럼 표현 가능 리스트의 기분 구분은 구분선을 그어준다.
• 항목을 삽입하고 제거하고 플랫폼에 작용하는 상호작용 좋음!
• 스크롤 액션을 주면 자동으로 스크롤이 된다. 스크롤 뷰를 줄 필요 없음

 

4. Form

IOS

MAC OS

각각의 플랫폼에 적정한 방식으로 Form을 형성 해줌 IPHON, IPAD, MAC 등 다르게 표현 가능