Applications Windows
Réduire la table des matières
Développer la table des matières

Comment positionner le menu volant de vignette secondaire (applications de style Metro en JavaScript et HTML)

[Cette documentation est une version préliminaire qui peut faire l’objet de modifications.]

Cette rubrique explique comment positionner la boîte de dialogue demandant à l’utilisateur de confirmer qu’il souhaite épingler un élément à l’écran d’accueil. Il est recommandé d’afficher la boîte de dialogue près de l’élément sur lequel on a appuyé ou sur lequel on a cliqué pour épingler élément.

Ce que vous devez savoir

Technologies

  • Windows Runtime

Prérequis

  • Bonnes connaissances des termes et des concepts de vignette et de notification. Pour plus d’information, voir Vignettes, badges et notifications.
  • Essayez d’utiliser DOM (Document Object Model).
  • Aptitude à créer une application élémentaire de style Metro en JavaScript à l’aide des API Windows Runtime.

Instructions

Étape 1: Incluez un élément sur la page qui déclenchera le menu volant d’épinglage

Lorsque l’utilisateur a cliqué ou touché le bouton Épingler sur l’écran d’accueil, la boîte de dialogue de confirmation s’affiche. La décision d’épingler du contenu à l’écran d’accueil incombe toujours à l’utilisateur.



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

Étape 2: Déterminer les coordonnées du client englobantes de cet élément

Dans la mesure où le menu volant doit se situer à proximité de l’élément qui l’a appelé, vous devez savoir où cet élément se situe.



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

Étape 3: Épingler la vignette secondaire, en envoyant l’emplacement de l’élément qui l’a appelé

Appelez la méthode SecondaryTile.requestCreateAsync, qui affiche la boîte de dialogue de confirmation à l’aide des coordonnées fournies pour afficher cette boîte de dialogue à proximité du point d’appel. Lorsque l’utilisateur confirme, la méthode renvoie un résultat et vous pouvez continuer. Cette étape part du principe que vous avez déjà créé un objet SecondaryTile nommé « vignette ». Pour plus d’informations, voir Démarrage rapide : épinglage d’une vignette secondaire.



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

Rubriques associées

Recommandations et liste de vérification sur les vignettes secondaires
Vue d’ensemble des vignettes secondaires

 

 

Afficher:
© 2017 Microsoft