언어: HTML | XAML

컨트롤 및 콘텐츠 추가(JavaScript 및 HTML을 사용하는 Windows 런타임 앱)

Applies to Windows and Windows Phone

모든 앱은 단추, 확인란, 드롭다운 목록 등과 같은 컨트롤이 필요합니다. JavaScript로 작성한 Windows 런타임 앱은 무료 JavaScript용 Windows 라이브러리 도구 키트를 통해 기존 HTML 컨트롤과 추가 컨트롤 및 기능에 대한 향상된 지원을 제공합니다.

이 섹션의 항목에서는 컨트롤을 사용하고 스타일 지정하는 방법에 대해 설명합니다.

이 조항의 내용

항목설명

빠른 시작: 컨트롤 스타일 지정

컨트롤의 스타일을 지정하는 방법과 JavaScript용 Windows 라이브러리에서 제공하는 스타일 지정 기능을 활용하는 방법에 대해 알아 봅니다.

빠른 시작: WinJS 컨트롤 및 스타일 추가

JavaScript를 사용하는 Windows 스토어 앱에서 JavaScript용 Windows 라이브러리 컨트롤 작성 및 사용에 대한 기본적인 사항을 설명합니다.

빠른 시작: 항목 컨테이너 추가

JavaScript로 작성한 Windows 스토어 앱에 ItemContainer 개체를 추가하는 방법을 알아봅니다.

빠른 시작: HTML 컨트롤 추가 및 이벤트 처리

HTML 컨트롤을 추가하고 이벤트를 처리하는 방법에 대해 설명합니다.

선언적으로 이벤트 처리기를 설정하는 방법

HTML 태그에서 HTML 및 JavaScript용 Windows 라이브러리 컨트롤에 대해 선언적으로 이벤트 처리기를 설정하는 방법을 알아봅니다.

컨트롤 목록

JavaScript 컨트롤을 사용한 일반적인 Windows 스토어 앱의 알파벳 순 목록을 제공합니다.

기능별 컨트롤

기능별 컨트롤을 나열합니다.

목록 보기, 시맨틱 줌 및 FlipView 추가

대부분의 응용 프로그램은 이미지 갤러리, 메일 메시지 집합 등과 같은 데이터 집합을 조작하고 표시합니다. JavaScript용 Windows 라이브러리는 데이터를 쉽게 표시, 제공 및 조작할 수 있도록 하는 몇 가지 컨트롤을 제공합니다. 이 섹션의 항목에서는 데이터 및 프레젠테이션 컨트롤(FlipView, ListViewSemanticZoom)에 대해 설명합니다.

텍스트 표시 및 편집

텍스트를 표시 및 편집하는 방법을 설명합니다.

이미지, 그래픽 및 미리 보기 표시

이미지 및 미리 보기 표시 작업을 시작하는 데 도움이 되는 항목이 포함되어 있습니다.

팝업 표시

플라이아웃, 메뉴 및 메시지 대화 상자가 표시되면서 함께 시작되는 항목을 포함합니다.

단추 추가

button 컨트롤을 사용하면 양식 전송 또는 다시 설정과 같은 명령을 커밋할 수 있습니다. 단추를 사용하면 명령을 쉽게 트리거할 수 있습니다.

앱 바 및 명령 추가

대부분의 앱은 사용자가 호출할 수 있는 명령을 제공합니다. 이 섹션의 항목에서는 사용자에게 명령을 제공하기 위해 사용할 수 있는 app barscontext menus에 대해 설명합니다.

선택 컨트롤 추가

선택 컨트롤을 사용하여 여러 옵션 중에서 선택할 수 있습니다.

등급 추가

JavaScript용 Windows 라이브러리 Rating 컨트롤을 사용하여 사용자가 등급 정보를 제공할 수 있도록 하는 방법을 설명하는 항목을 포함합니다.

페이지 컨트롤 추가

PageControl은 사용자 지정 JavaScript용 Windows 라이브러리 컨트롤로 사용하거나 탐색할 수 있는 HTML, CSS 및 JavaScript의 모듈식 단위입니다.

진행률 컨트롤 추가

진행 중인 활동이나 작업 진행률을 그래픽 방식으로 보여주는 컨트롤인 progress 컨트롤을 만들고 사용하는 방법에 대해 설명합니다.

도구 설명 추가

도구 설명은 다른 컨트롤 또는 개체에 연결된 간단한 설명입니다. 도구 설명은 UI에 직접적으로 서명되지 않은 잘 알려지지 않았거나 친숙하지 않은 개체를 이해하는 데 도움이 됩니다. 컨트롤을 누른 채 있거나 마우스 포인터를 컨트롤 위로 이동하면 도구 설명이 자동으로 표시됩니다. 사용자가 손가락이나 마우스 포인터를 이동하면 도구 설명은 사라집니다. 도구 설명 내용은 텍스트 또는 이미지일 수 있지만 대화식은 아닙니다.

사용자 지정 컨트롤 만들기

Windows 8에서는 선택할 수 있는 다양한 컨트롤이 제공되지만 사용자가 직접 만들어야 할 수도 있습니다. 사용자 지정 컨트롤을 만드는 한 가지 방법은 PageControl을 만드는 것입니다. 자세한 내용과 예제는 빠른 시작: 페이지 컨트롤 추가를 참조하세요.

캔버스, SVG 및 CSS3에서 그래픽 사용

이 섹션에는 JavaScript를 사용하는 Windows 스토어 앱에서의 그래픽 사용에 대한 정보를 제공합니다.

 

 

 

표시:
© 2014 Microsoft