앱에 검색 추가(HTML)

[ 이 문서는 Windows 런타임 앱을 작성하는 Windows에서 8.x 및 Windows Phone 8.x 개발자를 대상으로 합니다. Windows 10용으로 개발하는 경우에는 최신 설명서를 참조하세요.]

SearchBox 컨트롤과 검색 계약을 통해 사용자가 앱을 검색할 수 있게 합니다.

검색 상자

검색 상자는 검색을 수행하고 제안을 표시하기 위한 UI를 제공합니다. 검색 상자는 앱에서 제공하는 검색 제안 및 결과, 앱 특정 검색 기록을 지원하고 터치, 키보드 및 마우스 조작에 대한 전체 지원을 제공합니다.

검색 상자 레이아웃은 다음과 같이 표시됩니다.

Windows 스토어 앱의 앱에서 바로 검색 상자 컨트롤

다음 예제에서는 검색 상자 컨트롤에 표시되는 검색 결과를 보여 줍니다.

MSFT에 대한 검색 상자 결과 예제.

검색 결과는 앱에 의해 표시됩니다. 사용자의 검색 결과를 일관되면서도 사용자의 필요에 적합하고 앱의 목적과 일치하는 방식으로 표시하는 앱용 보기를 디자인하고 만들어야 합니다.

사용자에게 적합한 검색 환경 만들기에 대한 자세한 내용은 검색에 대한 지침 및 검사 목록을 참조하세요.

검색 상자를 사용하는 방법을 알아보려면 SearchBox 컨트롤 샘플을 확인하세요.

검색 계약

검색 계약을 사용하여 검색 활성화에 응답합니다.

Windows 8 앱의 검색

Windows 8.1 이전에는 앱이 검색 참 메뉴를 사용하여 앱에서 바로 검색을 제공했습니다. 개발자는 검색 계약을 구현하고 SearchPane API를 사용하여 쿼리를 처리하고 제안 및 결과를 가져왔습니다.

Windows 8 검색 계약도 계속 지원되지만 Windows 8.1부터는 전역 검색에 검색 참 메뉴를 사용하는 것이 좋습니다. 앱에서 바로 검색은 SearchPane 대신 SearchBox 컨트롤을 사용해야 합니다. 여전히 검색 계약을 사용하여 검색 활성화를 처리합니다.

이 조항의 내용

항목 설명

빠른 시작

 

또한 Windows 8용 실습 랩(영문)을 다운로드하여 검색 참 메뉴 및 Windows 8의 다른 주요 기능을 수행할 수도 있습니다. 이러한 랩은 선택한 프로그래밍 언어(JavaScript 및 HTML 또는 C# 및 XAML)로 샘플 Windows 스토어 앱을 만들 수 있는 모듈식 단계별 소개를 제공합니다.

관련 항목

WinJS.UI.SearchBox

검색에 대한 지침 및 검사 목록

SearchBox 컨트롤 샘플