Creare un'app per visualizzare una forma in realtà mista
Puoi usare il controllo Visualizza forma in realtà mista nella tua app per consentire agli utenti di vedere se un semplice cubo potrebbe rientrare in uno spazio specificato. Potresti voler eseguire questa operazione per vedere come un determinato oggetto fornito si adatterebbe nello spazio. Se disponi di un modello 3D o di un'immagine frontale per l'oggetto e desideri eseguire il test di adattamento, prendi in considerazione l'utilizzo di Visualizza in realtà mista.
Il controllo crea un pulsante nella tua app. Quando gli utenti dell'app selezionano il pulsante, si sovrappone un cubo al feed della telecamera live del dispositivo. Imposta le dimensioni del cubo quando modifichi il controllo in Power Apps.
Guarda questo video per imparare a creare app per dispositivi mobili con il controllo Visualizza forma in realtà mista:
In questo articolo, creeremo una schermata in un'app che consentirà agli utenti di creare la forma di un cubo personalizzata inserendo l'unità da utilizzare (centimetri, piedi, pollici o metri) e definendo l'altezza, la larghezza e la profondità del cubo.
Prerequisiti
Vedi i prerequisiti per dispositivi compatibili con realtà mista.
Aggiungi controlli per le dimensioni e le unità del cubo
Aggiungi intestazione ed etichette per definire le dimensioni e le unità del cubo nella schermata dell'app.
Etichetta intestazione
Con un'app aperta per la modifica in Power Apps Studio, aggiungi un'etichetta di testo alla schermata. Posizionala nell'angolo in alto a sinistra della schermata e modifica le seguenti proprietà nella scheda Proprietà:
| Proprietà | Valore |
|---|---|
| Testo | "Place A Cube" |
| Dimensioni carattere | 24 |
| Spessore del carattere | FontWeight.Semibold |
| Allineamento testo | Align.Center |
| Larghezza | Parent.Width |
Quindi, nella scheda Avanzate, modifica le seguenti proprietà:
| Proprietà | Valore |
|---|---|
| Colore | RGBA(255, 255, 255, 1) |
| Riempi | RGBA(56, 96, 178, 1) |
Questa modifica fornirà un'intestazione per la schermata.
Etichette e comandi per specificare le proprietà del cubo
Aggiungi quattro etichette di testo allo schermo. Queste etichette verranno utilizzate per identificare i controlli che aggiungeremo in seguito. Per ogni etichetta, modificare la proprietà Text su una delle seguenti opzioni:
Unit TypeWidthHeightDepth
Impostare la proprietà Width di queste etichette su 160 e posizionarle in modo che siano impilate verticalmente nell'ordine sopra descritto, vicino alla parte superiore dello schermo e sul lato sinistro.
Aggiungi un controllo Elenco a discesa e tre controlli per Input di testo. Il menu a discesa verrà utilizzato per selezionare un tipo di unità per le dimensioni del cubo ei tre controlli di immissione del testo verranno utilizzati per immettere la larghezza, l'altezza e la profondità del cubo.
Seleziona il menu a discesa, rinominalo in drpUnitType e modifica le seguenti proprietà:
Proprietà Valore Articoli ["Centimeters", "Feet", "Inches", "Meters"]Valore predefinito "Feet"Larghezza 280Posizionare il controllo a destra dell'etichetta Tipo di unità.
Aggiungi tre controlli Input di testo e rinominali in txtShapeHeight, txtShapeWidth e txtShapeDepth. Modificare le seguenti proprietà per tutti e tre i controlli:
Proprietà Valore Valore predefinito 2Formato TextFormat.NumberLarghezza 144Posiziona il controllo di immissione del testo denominato txtShapeWidth a destra dell'etichetta Larghezza. Allo stesso modo, posiziona i controlli denominati txtShapeHeight e txtShapeDepth rispettivamente a destra delle etichette Altezza e Profondità.
Successivamente, aggiungerai il controllo Visualizza forma in realtà mista e lo configurerai per utilizzare i controlli che sono stati creati per fornire dimensioni dinamiche al cubo Realtà mista che genererà.
Inserire il controllo Visualizza forma in realtà mista
Inserisci il controllo nella tua app.
Apri la scheda Inserisci.
Espandi Realtà mista.
Seleziona il controllo Visualizza forma in realtà mista per posizionarlo al centro dello schermo dell'app o trascinalo per posizionarlo in qualsiasi punto dello schermo.
Una volta aggiunto il controllo, posizionalo nella parte inferiore della schermata e modifica le seguenti proprietà:
Proprietà Valore Testo "Place a cube"ShapeWidth txtShapeWidth.TextShapeHeight txtShapeHeight.TextShapeDepth txtShapeDepth.TextInsieme unità misura drpUnitType.Selected.ValueWidth 280
Eseguire il test dell'app
Ora che tutti i comandi sono stati aggiunti, salva e pubblica l'app. Su un dispositivo compatibile con realtà mista, apri l'app e premi il tasto Posiziona un cubo. Questo aprirà l'esperienza Visualizza forma in Realtà mista, consentendo all'utente di definire un'area da misurare.
Seguire le istruzioni sullo schermo per calibrare il dispositivo spostandolo lentamente a sinistra e a destra puntando la fotocamera su una superficie da misurare. Una volta completata la calibrazione, vedrai una serie di punti sulla superficie e un cerchio vicino al centro dello schermo. Questo cerchio mostra dove può essere posizionato inizialmente il cubo. Una volta posizionato, il cubo può essere spostato o ruotato utilizzando i comandi touch.
Per spostare il cubo, premi sul cubo e fallo scorrere nel punto in cui desideri che venga posizionato. Per ruotare il cubo, premi un dito sullo schermo, quindi scorri con un altro dito verso destra o verso sinistra.
Utilizzare il pulsante Indietro nell'angolo in alto a sinistra per tornare alla schermata dell'app e modificare una o più impostazioni di larghezza, altezza, profondità o tipo di unità. Seleziona il pulsante Posiziona un cubo e posiziona il nuovo cubo.
Vedi anche
Nota
Puoi indicarci le tue preferenze di lingua per la documentazione? Partecipa a un breve sondaggio. (il sondaggio è in inglese)
Il sondaggio richiederà circa sette minuti. Non viene raccolto alcun dato personale (Informativa sulla privacy).