【초보자】Swift UI를 공부한다 그 ⑤ ーーーToolbar와 파일 관리

4837 단어 SwiftSwiftUI

소개



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
  • 좋은 웹페이지 즐겨찾기