Créer une application pour visualiser une forme en réalité mixte

Vous pouvez utiliser le contrôle Afficher la forme en RM dans votre application pour permettre aux utilisateurs de voir si un simple cube peut tenir dans un espace spécifié. Ils voudront peut-être faire cela pour voir comment un certain objet que vous fournissez s’insérerait dans leur espace. Si vous avez un modèle 3D ou une image frontale de l’objet, vous souhaitez effectuer un test d’ajustement, envisagez d’utiliser Afficher en RM en lieu et place.

Le contrôle crée un bouton dans votre application. Lorsque les utilisateurs de l’application sélectionnent le bouton, il superpose un cube sur le flux de caméra en direct de l’appareil. Vous définissez les dimensions du cube lorsque vous modifiez le contrôle dans Power Apps.

Regardez cette vidéo pour apprendre à créer des applications mobiles avec le contrôle Afficher la forme en RM :

Dans cet article, nous allons créer un écran dans une application qui permettra aux utilisateurs de créer une forme de cube personnalisée en saisissant l’unité à utiliser (centimètres, pieds, pouces ou mètres) et en définissant la hauteur, la largeur et la profondeur du cube.

Conditions préalables

Voir conditions préalables pour les appareils compatibles avec la réalité mixte.

Ajouter des contrôles pour les dimensions et les unités du cube

Ajoutez un en-tête et des Étiquettes pour définir les dimensions et les unités du cube sur l’écran de l’application.

Étiquette de l’en-tête

Avec une application ouverte pour l’édition dans Power Apps Studio, ajoutez une Étiquette de texte à l’écran. Positionnez-le en haut à gauche de l’écran et modifiez les propriétés suivantes dans l’onglet Propriétés :

Puis dans l’onglet Avancé, modifiez les propriétés suivantes :

Ce changement fournira un en-tête pour l’écran.

Étiquettes et commandes pour spécifier les propriétés du cube

1. Ajoutez quatre étiquettes de texte à l’écran. Ces Étiquettes seront utilisées pour identifier les contrôles que nous ajouterons plus tard. Pour chaque Étiquette, modifiez la propriété Text avec l’un des éléments suivants :

   • Unit Type
   • Width
   • Height
   • Depth

2. Définissez la propriété Width de ces Étiquettes sur 160 et positionnez-les de manière à ce qu’elles soient empilées verticalement dans l’ordre décrit ci-dessus, près du haut de l’écran et sur le côté gauche.

3. Ajoutez un contrôle Liste déroulante et trois contrôles de saisie de texte. La liste déroulante sera utilisée pour sélectionner un type d’unité pour les dimensions du cube et les trois contrôles de saisie de texte seront utilisés pour entrer la largeur, la hauteur et la profondeur du cube.

4. Sélectionnez le menu déroulant, renommez-le en drpUnitType, et modifiez les propriétés suivantes :

   Propriété	Value
   Items	["Centimeters", "Feet", "Inches", "Meters"]
   Default	"Feet"
   Width	280

5. Placez le contrôle à droite de l’étiquette Type d’unité.

6. Ajoutez trois contrôles de saisie de texte et renommez-les en txtShapeHeight, txtShapeWidth et txtShapeDepth. Modifiez les propriétés suivantes pour les trois contrôles :

   Propriété	active
   Default	2
   Mettre en forme	TextFormat.Number
   Width	144

7. Positionnez le champ de saisie de texte nommé txtShapeWidth à droite de l’étiquette Largeur. De même, positionnez les champs nommés txtShapeHeight et txtShapeDepth à droite des Étiquettes Hauteur et Profondeur, respectivement.

Ensuite, vous allez ajouter le contrôle Afficher la forme en RM et la configurer pour utiliser les contrôles qui ont été créés pour fournir des dimensions dynamiques au cube MR qu’elle va générer.

Insérer le contrôle Afficher la forme en RM

Insérez le contrôle dans votre application.

1. Ouvrez l’onglet Insertion.

2. Développez Réalité mixte.

3. Sélectionnez le contrôle Afficher la forme en RM pour le placer au centre de l’écran de l’application ou faites-le glisser pour le positionner n’importe où sur l’écran.

4. Une fois le contrôle ajouté, positionnez-le près du bas de l’écran et modifiez les propriétés suivantes :

   Propriété	Value
   Texte	"Place a cube"
   ShapeWidth	txtShapeWidth.Text
   ShapeHeight	txtShapeHeight.Text
   ShapeDepth	txtShapeDepth.Text
   Units	drpUnitType.Selected.Value
   Width	280

   

Tester l’application

Maintenant que tous les contrôles ont été ajoutés, enregistrer et publier l’application. Sur un appareil compatible avec la réalité mixte, ouvrez l’application et appuyez sur le bouton Placer un cube. Cela ouvrira l’expérience Afficher la forme en MR, permettant à l’utilisateur de définir une zone à mesurer.

Suivez les instructions à l’écran pour calibrer l’appareil en le déplaçant lentement vers la gauche et la droite tout en pointant la caméra vers une surface à mesurer. Une fois l’étalonnage terminé, vous verrez un tableau de points sur la surface et un cercle près du centre de l’écran. Ce cercle montre où le cube peut être placé initialement. Une fois le cube placé, il peut être déplacé ou tourné à l’aide des commandes tactiles.

Pour déplacer le cube, appuyez dessus et faites-le glisser à l’endroit où vous souhaitez qu’il soit placé. Pour faire pivoter le cube, appuyez avec un doigt sur l’écran, puis balayez avec un autre doigt vers la droite ou la gauche.

Utilisez le bouton Retour dans le coin supérieur gauche pour revenir à l’écran de l’application et modifier un ou plusieurs des paramètres de largeur, de hauteur, de profondeur ou de type d’unité. Sélectionnez le bouton Placer un cube et placez le nouveau cube.

Voir aussi

• Contrôle Objet 3D
• Contrôle Caméra de mesure
• Contrôle Afficher la forme en RM