소개

Toolbar는 2020년 출시한 새로운 기능입니다. 오늘부터 이것을 공부하겠습니다.
또한 파일 수가 점점 늘어 왔기 때문에 어떻게 관리해야 하는지 살펴 보겠습니다.

목차

Toolbar in iOS

Toolbar in macOS

파일 관리

요약

참고문헌

Toolbar in iOS · Toolbar 화면의 맨 위와 아래 부분, safeArea와 navigationBar와 약간 비슷하지만 크로스 플랫폼 할 수있는 것이 매력적입니다. Sildebar.swift #if os(iOS) 콘텐츠 .navigationTitle("Learn") .toolbar { ToolbarItem { Image(systemName: "person.crop.circle") } } 　　

・ toolbar(placement: ) 로 장소는 자유롭게 변경할 수도 있습니다. bottomBar 하면 화면 하단에 가져갑니다.

Sildebar.swift

#if os(iOS)
content
    .navigationTitle("Learn")
    .toolbar(placement: .bottomBar) {
       ToolbarItem {
           Image(systemName: "person.crop.circle")
       }
     }

Toolbar in macOS mac의 경우는 iOS의 toolbar(placement: )를 그대로 사용할 수 없습니다. ・전회의 기사와 같이, iOS와 macOS와 각각의 처리를 실시합니다. 또한 placement: mac도 사용할 수 있는 항목으로 변경합니다. Sildebar.swift #else 콘텐츠 .navigationTitle("Learn") .toolbar(placement: .automatic) { ToolbarItem { Image(systemName: "person.crop.circle") } } #endif · image뿐만 아니라 Button으로 할 수도 있습니다. Sildebar.swift #else 콘텐츠 .navigationTitle("Learn") .toolbar(placement: .automatic) { ToolbarItem { Button(action: {}) { Image(systemName: "person.crop.circle") } } } #endif · ContentView.swift에 첫 번째 기사에서 쓴 카드 코드를 거기에 두지 않으면 안됩니다. Body의 내용을 모두 새로운 파일 CourseItem.swift로 옮깁니다. · ContentView.swift에는 Sidebar()를 호출하여 os별 처리를 추가합니다. ContentView.swift struct ContentView: View { @ViewBuilder var body: some View { #if os(iOS) Sidebar() #else Sidebar() .frame(minWidth: 1000, minHeight: 600) #endif } } 파일 관리 · 아름다운 코드를 작성하기위한 자료는 물론 Apple의 공식 문서 .
・Apple의 공식 문서 를 참고로 분류합시다.


요약 ・이번까지는 특히 어려운 내용이 없었다고 생각합니다. 다음 번에도 최선을 다하겠습니다. 소스 코드 Github

참고문헌

Design Code --- SwiftUI for iOS 14