관리 메뉴

김종권의 iOS 앱 개발 알아가기

[iOS - HIG] 34. Toolbar (툴바) 본문

HIG(Human Interface Guidelines)/HIG - UI

[iOS - HIG] 34. Toolbar (툴바)

jake-kim 2021. 6. 5. 00:34

ToolBar

  • 앱 화면 하단에 존재
  • 반투명과 색조가 존재
  • ex) safari는 사용자들이 페이지 하단으로 스크롤하는 동안 ToolBar를 숨기고 화면 상단으로 스크롤하거나 화면 하단을 탭하면 다시 가져오는 형태필요하지 않은 경우 종종 숨겨지는 형태

safari에서 아래로 스크롤 시 ToolBar가 hidden

  • TabBar와의 차이점
    • TabBar: 현재 컨텍스트와 연관되지 않은 화면이동
    • ToolBar: 현재 컨텍스트와 관련된 항목 추가, 삭제, 주석 추가, 사진 촬영과 같은 일
  • 버튼이 3개 이하인 ToolBar에서는 텍스트를 사용 or 글리프 사용

  • Toolbar 버튼에 커스텀 glyph를 적용할 경우 사이즈 규약

  • ToolBar에는 segmented control 금지: segemented control은 사용자에게 현 컨텍스트를 변경하는 용도

* 참고

https://developer.apple.com/design/human-interface-guidelines/ios/bars/toolbars/

Comments