【초보자】Swift UI를 공부한다 그 ⑤ ーーーToolbar와 파일 관리
소개
Toolbar는 2020년 출시한 새로운 기능입니다. 오늘부터 이것을 공부하겠습니다.
또한 파일 수가 점점 늘어 왔기 때문에 어떻게 관리해야 하는지 살펴 보겠습니다.
목차
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
참고문헌
Reference
이 문제에 관하여(【초보자】Swift UI를 공부한다 그 ⑤ ーーーToolbar와 파일 관리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/anchor_/items/2cdbf6610df9e4b58459텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)