보조 타일 플라이아웃의 위치 지정 방법(JavaScript 및 HTML을 사용한 Metro 스타일 앱)

아티클
07/10/2012

[이 설명서는 임시 설명서로 변경될 수 있습니다.]

이 항목에서는 사용자에게 항목을 시작 화면에 고정할 것인지 확인하는 메시지가 표시되는 대화 상자를 배치하는 방법을 보여 줍니다. 항목을 고정하기 위해 클릭 또는 터치한 요소 근처에 이 대화 상자를 표시하는 것이 좋습니다.

알아야 할 사항

기술

Windows Runtime

사전 요구 사항

타일 및 알림 용어와 개념에 대한 기본 지식. 자세한 내용은 타일, 배지 및 알림을 참조하세요.
DOM(문서 개체 모델) 작업 경험
Windows 런타임 API를 사용하여 JavaScript로 기본 Metro 스타일 앱을 만들 수 있는 능력

지침

단계 1: 페이지에 고정 플라이아웃을 발생시킬 요소 포함

시작 화면에 고정 단추를 클릭하거나 터치하면 확인 대화 상자가 표시됩니다. 시작 화면에 콘텐츠를 고정할지 여부는 항상 사용자가 결정합니다.

<button class="action" id="pinTileButton">

단계 2: 해당 요소의 경계 클라이언트 좌표 결정

플라이아웃은 호출한 항목 근처에 표시되어야 하므로 항목 위치를 알아야 합니다.

var element = document.getElementById("pinTileButton"),
var selectionRect = element.getBoundingClientRect();

단계 3: 호출한 항목의 위치를 전달하여 보조 타일을 고정합니다.

제공된 좌표를 사용하여 호출 지점 근처에 확인 대화 상자를 표시하는 SecondaryTile.requestCreateAsync 메서드를 호출합니다. 사용자가 확인하면 메서드가 반환되고 작업을 계속할 수 있습니다. 이 단계에서는 "tile"이라는 SecondaryTile 개체를 이미 만들었다고 가정합니다. 자세한 내용은 빠른 시작: 보조 타일 고정을 참조하세요.

tile.requestCreateAsync({ x: selectionRect.left, y: selectionRect.top }).then(function (isPinned) {{
    if (isPinned) {
        // Proceed.
    } else {
        // The user canceled the operation or an error occurred.
    }
});