정보
요청한 주제가 아래에 표시됩니다. 그러나 이 주제는 이 라이브러리에 포함되지 않습니다.

Windows Phone용 TextBox 컨트롤 디자인 지침

2013-12-05

적용 대상: Windows Phone 8 | Windows Phone OS 7.1

 

TextBox 컨트롤은 키보드를 통해 사용자의 입력을 받습니다.

UI_TextBox

이 항목에는 다음 단원이 포함되어 있습니다.

 

TextBox 컨트롤은 고정 높이의 편집 가능한 직사각형 텍스트 블록입니다. TextBox 컨트롤을 탭하면 커서가 나타나고 화상 키보드가 화면에 나타납니다. 키보드에서 Return 키를 누르면 대체로 입력이 앱에서 지정한 방식으로 처리됩니다.

텍스트 상자는 한 줄이나 여러 줄을 표시할 수 있습니다. 여러 줄 텍스트 상자는 컨트롤 크기에 맞게 텍스트를 줄 바꿈합니다.

TextBox 컨트롤에는 길이 외에 유효한 입력을 제안하는 고유의 시각적 단서가 없습니다. 레이블을 사용하여 TextBox 컨트롤에 입력할 수 있고 입력해야 하는 내용을 전달해야 합니다. 명확한 시각적 신호가 있을 경우 오류 메시지가 감소하며 앱의 텍스트 입력이 빠르고 용이하다는 느낌을 만들 수 있습니다.

텍스트 상자는 읽기 전용으로 설정할 수도 있지만 일반적으로 편집 가능한 텍스트에 사용해야 합니다.

지원되는 제스처:

  • 탭 - 포커스 및 선택 시

  • 길게 누르기 - 정확한 캐럿 삽입 시

TextBox 컨트롤을 사용하면 사용자가 소량의 텍스트를 입력할 수 있습니다. TextBox 컨트롤은 허용되는 최대 문자 수 또는 숫자 값(0-9)으로만 제한과 같은 제약 조건과 함께 사용해야 합니다.

TextBox 컨트롤은 동일한 뷰에 있는 CheckBox 컨트롤이나 Button 컨트롤과 같은 다른 컨트롤에 따라 표시되거나 사라질 수 있습니다.

Windows Phone 에는 넓고 편리한 화상 키보드 그룹이 있지만 사용자가 직접 정보를 입력하는 경우 시간이 많이 걸립니다. TextBox 컨트롤을 사용하기로 결정하기 전에 ListBox 또는 Slider 컨트롤 같이 정보를 더 빨리 입력할 수 있는 제스처 컨트롤이 있는지 여부를 고려합니다. 키보드 입력이 필요한 경우 더 빨리 입력할 수 있는 방법을 고려합니다. 다음은 몇 가지 제안 사항입니다.

  • TextBox 컨트롤에서 요청한 입력이 동일한 뷰의 다른 수량에 상대적인 경우 Slider 컨트롤을 대신 고려합니다.

  • 사용자가 알려진 수량 집합에서 선택하는 경우 특히 해당 수량이 몇 자보다 길면 ListBox 컨트롤이 더 빠를 수 있습니다.

  • 경우에 따라 볼륨 또는 밝기 설정과 같이 사용자가 조절할 때 실시간으로 컨트롤 작업의 효과를 표시하는 것이 편리할 수도 있습니다. 이러한 목적으로는 Slider 컨트롤이 더 적합할 수 있습니다.

참고참고:

앱이 TextBox 컨트롤이 요청하는 항목을 간결하고 우아하게 전달하는 방법 및 필요한 제약 조건을 고려합니다. 그러면 잘못된 입력 가능성이 감소하므로 오류 메시지도 줄어듭니다.

TextBox 컨트롤의 프런트 엔드에서는 제약 조건을 가능한 한 적게 사용합니다. 대신 장면 뒤에 제약 조건을 배치하고 입력에서 잘못된 결과가 반환되면 오류를 처리합니다. 그러면 앱을 좀더 쉽게 지역화할 수 있습니다. 입력에 제약 조건을 사용해야 하는 경우 결정할 때 글로벌 사용자의 요구를 고려합니다. 예를 들어 우편 번호를 요청하고 입력을 숫자 값(0 - 9)으로 제한하는 TextBox 컨트롤은 일부 지역에서 작동하지 않습니다.

기타 고려 사항:

  • Windows Phone 에서는 화상 키보드를 사용자 지정하거나 사용자가 TextBox 컨트롤을 탭할 때 표시되는 언어 버전을 결정할 수 없습니다.

  • 앱에서 어떤 이유로든 TextBox 컨트롤을 사용하지 않도록 설정하는 경우 관련 레이블, 지침 레이블 및 Button 컨트롤도 사용하지 않도록 설정해야 합니다.

  • 특정 뷰의 혼잡을 줄이기 위해 CheckBox 컨트롤과 같은 다른 컨트롤 작업 시 TextBox가 표시되거나 사라지게 할 수도 있습니다.

  • 앱의 응답 성능을 향상시키기 위해 사용자가 텍스트를 입력할 때 TextBox 컨트롤이 자동으로 작동하도록 할 수 있습니다. 이 기능은 사용자가 작업을 완료하기 위해 버튼을 탭할 필요가 없기 때문에 TextBox 컨트롤을 사용하여 목록을 검색하거나 사용자 입력 시 검색어를 추천하는 경우에 유용합니다.

  • 사용자가 컨트롤에 일부 텍스트를 입력한 후 동일한 TextBox 컨트롤을 다시 탭할 경우 시각적으로 어떻게 반응할 것인지 고려합니다. 사용자가 전체 값을 수정할 가능성이 큰 경우 컨트롤이 필드의 모든 텍스트를 선택해야 합니다. 사용자가 값을 편집할 가능성이 큰 경우 커서를 텍스트 끝에 배치합니다.

  • 제약 조건에 맞는 키보드를 사용합니다.

  • TextBox 컨트롤의 특정 값에 특별한 의미를 지정하는 경우 명시적 사용자 선택을 허용하는 CheckBox 또는 RadioButton 컨트롤을 사용해 봅니다.

  • Windows Phone 의 TextBox 컨트롤에서는 스크롤할 수 없습니다.

TextBox 컨트롤은 단독으로는 거의 사용되지 않습니다. 사용자에게 입력할 정보 종류를 지시하기 위해 버튼, 레이블, 그래픽 등의 기타 시각적 신호가 거의 항상 필요합니다. 이러한 신호의 모양은 개발자가 결정합니다.

TextBox 컨트롤에 인라인으로 신호를 배치하려는 경우 레이블 등의 용도 표시기를 위해 TextBox의 왼쪽을 예약하는 것이 좋습니다. 오른쪽과 아래쪽은 버튼 등의 추가 컨트롤에 사용할 수 있습니다.

Windows Phone 장치의 장점 중 하나는 명확하고 아름다운 한글 입력 체계로 정보를 표시한다는 것입니다. TextBox 컨트롤 사용에 대해 사용자에게 조언할 때 이 디자인 특성을 활용합니다. 간결하고 뚜렷하게 알아볼 수 있는 단어나 레이블을 사용합니다.

예제

TextBox 컨트롤의 용도에 대해 사용자에게 알리는 한 가지 방법은 TextBox 컨트롤 자체 내에서 텍스트 프롬프트를 사용하는 것입니다. 이러한 짧은 힌트는 사용자에게 입력할 내용을 알려준 다음 사용자가 컨트롤을 탭하여 입력을 시작하면 사라집니다.

표시: