관리 메뉴

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

[iOS - HIG] 57. TextFields (텍스트필드) 본문

HIG(Human Interface Guidelines)/HIG - UI

[iOS - HIG] 57. TextFields (텍스트필드)

jake-kim 2021. 6. 25. 22:37

TextFields

  • 한 줄의 고정 높이 필드
    • cf) 여러 줄의 텍스트 입력이 필요한 경우 TextView 사용
  • 모서리가 둥근 경우가 많고 사용자가 탭하면 키보드가 자동으로 표출
  • 이메일 주소와 같은 소량 정보 요청

  • 목적을 전달하는 데 도움이되도록 텍스트필드에 PlaceHolder 표출
  • 사용자가 모든 내용을 지우기위해 delete탭을 계속 탭할 필요가 없도록 텍스트필드 우측에 지우기 버튼을 표출
  • 비밀번호와 같은 민감한 데이터를 요청할 때는 secure 속성 사용
  • Image를 사용하여 TextField에 명확성과 기능을 제공: 일반적으로 TextField 왼쪽 끝에 field의 용도로 이미지를 나타내는 이미지 사용

왼쪽에 field의 용도를 나타내는 이미지

키보드

  • iOS는 서로 다른 유형의 입력을 지원하도록 설계된 여러 가지의 키보드를 지원하므로적절한 키보드 유형을 선택

* 출처

https://developer.apple.com/design/human-interface-guidelines/ios/controls/text-fields/

Comments