UIToolbar 🍎

1️⃣ 정의

인터페이스의 하단 가장자리에 하나 이상의 버튼을 표시하는 컨트롤

@MainActor
class UIToolbar : UIView

2️⃣ 설명

• 툴바 항목을 생성하려면 UIBarButtonItem 클래스를 사용함
• 툴바에 툴바 항목을 추가하려면 setItems(_:animated:) 메서드를 사용함
• 아이템의 일반 및 강조된 상태를 나타내는 툴바 이미지는 UIBarItem 클래스로부터 상속받은 image 속성을 사용하여 설정한 이미지에서 파생됨
• 툴바의 tintColor가 이미지의 색상을 결정함
• 라디오 버튼 스타일 컨트롤이 필요한 경우 UIToolbar 대신 UITabBar 클래스를 사용

📌 Customize appearance

• 툴바의 외관을 사용자 정의하려면 아래 나열된 메서드를 사용
• 모든 툴바를 사용자 정의하려면 외관 프록시([UIToolbar appearance])에 setter 메시지를 보내거나 특정 UIToolbar 인스턴스에 보내야함

  외관 프록시([UIToolbar appearance])

  • 앱 전체에서 일괄적으로 특정 UI 요소의 외관을 설정할 수 있는 방법
  • 이 프록시를 사용하면 앱 전체에서 사용되는 툴바의 외관을 한 번에 설정할 수 있음
  • iOS 13 이후에는 standardAppearance 및 compactAppearance 속성을 사용하여 툴바를 사용자 정의

  let toolbarAppearance = UIToolbar.appearance()
  toolbarAppearance.backgroundColor = UIColor.red

• 특정 속성이 바 메트릭스에 따라 달라질 때에는 일반적으로 UIBarMetrics.default 및 landscapePhone에 대해 값을 지정해야 함

  UIBarMetrics

  • UI 요소의 크기와 위치를 지정하는데 사용되는 값
  • 바 메트릭스는 툴바나 내비게이션 바와 같은 바(Bar)에 적용되며, 해당 바의 크기 및 위치에 따라 다른 외관 설정을 적용할 수 있도록 함

  // Using the appearance proxy to set different >background colors for different bar metrics
  let toolbarAppearance = UIToolbar.appearance()
  
  // Set background color for default (standard) >toolbar
  toolbarAppearance.backgroundColor = UIColor.blue
  
  // Set background color for compact toolbar (e.g., landscapePhone)
  toolbarAppearance.setBackgroundImage(UIImage(named: "compactBackgroundImage"), for: .compact)

  landscapePhone

  • UIBarMetrics의 하나로, 화면이 가로 방향으로 전환된 경우에 해당하는 바의 크기와 위치를 나타냄
  • 디바이스가 가로 모드(landscape mode)로 전환되었을 때 적용되는 바의 메트릭스

  // Using the appearance proxy to set different tint colors for different bar metrics
  let toolbarAppearance = UIToolbar.appearance()
  
  // Set tint color for default (standard) toolbar
  toolbarAppearance.tintColor = UIColor.red
  
  // Set tint color for compact toolbar in landscape mode
  toolbarAppearance.setTintColor(UIColor.green, for: .landscapePhone)

• var standardAppearance: UIToolbarAppearance : 표준 높이 툴바에 사용할 외관 설정
• var compactAppearance: UIToolbarAppearance? : 콤팩트 높이 툴바에 사용할 외관 설정
• var scrollEdgeAppearance: UIToolbarAppearance? : 스크롤 가능한 콘텐츠의 가장자리가 툴바의 가장자리와 정렬될 때 표준 높이 툴바에 대한 외관 설정
• var compactScrollEdgeAppearance: UIToolbarAppearance? : 스크롤 가능한 콘텐츠의 가장자리가 콤팩트 높이 툴바의 가장자리와 정렬될 때 콤팩트 높이 툴바에 대한 외관 설정
• var isTranslucent: Bool : 툴바가 반투명한지 여부를 나타내는 부울 값

---

출처📚

🍎Apple Docs: UIToolbar