Condividi tramite


Aggiungere segnaposto ai modelli 3D in Power Apps

Aggiungi segnaposto (mostrati come indicatori circolari) ai modelli 3D nelle tue app canvas. Gli utenti possono aggiungere i propri segnaposto e visualizzare le informazioni sui segnaposto selezionati.

Screenshot di un'app per dispositivi mobili che mostra un modello 3D di una sedia, con quattro cerchi blu che indicano la posizione dei segnaposto.

Aggiungere segnaposto predefiniti a un modello 3D da una cartella di lavoro di Excel

Il modo più semplice per aggiungere i segnaposto a un modello 3D è caricarli da una cartella di lavoro di Excel.

L'origine dati per i segnaposto deve essere una tabella denominata in Excel. La tabella deve avere quattro colonne. Ogni colonna corrisponde a una proprietà del controllo Oggetto 3D. Ogni riga viene tracciata come segnaposto sul modello. Le righe determinano il posizionamento dei segnaposto in un sistema di coordinate tridimensionale.

Importante

I controlli di realtà mista in Power Apps usano un sistema di coordinate da sinistra.

Colonna Corrisponde a
Label ItemsLabels
X PinsX
Y PinsY
Z PinsZ

Ecco un esempio di una tabella denominata "TestPins" che contiene le coordinate per posizionare quattro segnaposto su un modello 3D:

Un esempio di foglio di lavoro Microsoft Excel con una tabella denominata TestPins che contiene le colonne Label, X, Y e Z.

Per provare questo esempio, inizia creando una tabella in Excel.

  1. Copia i seguenti dati di esempio e incollali nella cella A1 di un nuovo foglio di lavoro di Excel.

    Label Segnaposto X Segnaposto Y Segnaposto Z
    Anteriore sinistro -0,2 0,01 0,2
    Anteriore destro 0,2 0,01 0,2
    Zero 0 0 0
    Punto X 0 0,72 -0,2
  2. Seleziona una delle celle incollate. Nella scheda Home seleziona Formatta come tabella, scegli uno stile, quindi seleziona ok.

  3. Nella scheda Progettazione tabella in Nome tabella, immetti un nome come TestPins.

  4. Salva e chiudi la cartella di lavoro.

Quindi, aggiungi la tabella come origine dati per visualizzare i segnaposto su un modello 3D.

  1. In Power Apps Studio, inserisci un modello 3D oppure seleziona un modello esistente.
  2. Imposta la proprietà Source del controllo Oggetto 3D su https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/chair.glb (o su qualsiasi file del modello di tua scelta).

Nota

La prima istanza del controllo Oggetto 3D è denominata 3DObject1 per impostazione predefinita e questo è il nome che useremo negli esempi seguenti. Ulteriori istanze del controllo sarebbero denominate ViewIn3D2, ViewIn3D3, e così via.

  1. Nella scheda Proprietà del modello seleziona l'elenco a discesa Pins(Items).
  2. Digita excel nella casella di ricerca, quindi seleziona Importa da Excel.
  3. Individua la cartella di lavoro di Excel che hai salvato in precedenza e aprila.
  4. Seleziona il nome che hai assegnato alla tabella in Excel e quindi seleziona Connetti.
  5. Nella scheda Avanzate trova PinsX, PinsY, e PinsZ e inserisci il nome della colonna corrispondente nella tabella. In questo esempio, immetti Label in ItemsLabels, X in PinsX, e così via. Racchiudi il nome della colonna tra virgolette.

Sul modello vengono visualizzati i segnaposto nelle posizioni descritte dalle coordinate.

Mostrare l'etichetta e le coordinate dei segnaposto su un modello 3D

Usa una tabella dati per visualizzare l'etichetta e le coordinate dei segnaposto selezionati in un'app canvas.

Screenshot di un modello 3D in costruzione in Microsoft Power Apps Studio. Sul modello sono stati posizionati quattro segnaposto e le informazioni sui segnaposto sono mostrate in una tabella sotto il modello.

Con un'app aperta per la modifica in Power Apps Studio:

  1. Apri la scheda Inserisci ed espandi Layout.

  2. Seleziona Tabella dati per posizionare una tabella nello schermo dell'app o trascina il controllo sullo schermo per posizionarlo in modo più preciso.

  3. Scegli di mostrare le informazioni su tutti i segnaposto o solo sul segnaposto selezionato. Con la tabella dati selezionata:

    • Mostra tutti i segnaposto: Nel riquadro Proprietà seleziona l'elenco a discesa Pins(Items) e seleziona la tabella di Excel a cui ti sei connesso in precedenza.

    • Mostra solo il segnaposto selezionato: Nell'editor di espressioni di Power Apps Studio, immetti 3DObject1.SelectedItems.

      Screenshot dell'editor di espressioni di Power Apps Studio che mostra l'espressione utilizzata per visualizzare le informazioni su un segnaposto selezionato.

  4. Nel riquadro Proprietà seleziona Modifica campi, quindi seleziona Aggiungi campo.

  5. Seleziona le colonne da visualizzazione, quindi seleziona Aggiungi.

    Screenshot di un modello 3D in costruzione in Power Apps Studio, mostrato insieme a un elenco di campi da aggiungere a una tabella di dati.

Mostrare l'etichetta di un segnaposto selezionato in un modello 3D

Usa una casella di testo per visualizzare solo l'etichetta del segnaposto selezionato in un'app canvas.

Con un'app aperta per la modifica in Power Apps Studio:

  1. Apri la scheda Inserisci.
  2. Seleziona Etichetta testo per posizionare una casella di testo nello schermo dell'app o trascina il controllo sullo schermo per posizionarlo in modo più preciso.
  3. Nell'editor delle espressioni, immetti 3DObject1.Selected.Label.

Creare una raccolta per consentire agli utenti di aggiungere i propri segnaposto a un modello 3D

Se desideri consentire agli utenti di posizionare i segnaposto su un modello 3D, usa una raccolta.

Con un'app aperta per la modifica in Power Apps Studio:

  1. Apri la scheda Inserisci.

  2. Seleziona Input testo per posizionare una casella di immissione di testo nella schermata dell'app.

  3. Copia la casella di testo e incollala tre volte per creare quattro controlli Input di testo.

  4. Imposta la proprietà Default per ogni controllo su X, Y, Z, e Etichetta, rispettivamente.

  5. Apri la scheda visualizzazione albero.

  6. Rinomina ogni controllo, a seconda dei casi, su XCoordinate, YCoordinate, ZCoordinate, e LabelInput.

    Screenshot della vista ad albero Power Apps Studio che mostra quattro controlli Input di testo rinominati.

Quindi, aggiungi un pulsante per aggiungere i dati dell'utente alla raccolta di segnaposto.

  1. Apri la scheda Inserisci.

  2. Seleziona Pulsante per posizionare un pulsante nella schermata dell'app.

  3. Imposta la proprietà Text del pulsante su Aggiungi segnaposto.

  4. Nella proprietà OnSelect del pulsante immetti il seguente codice esattamente come mostrato:

    Collect( 
    PinsCollection,
      {
        X: XCoordinate.Text,
        Y: YCoordinate.Text,
        Z: ZCoordinate.Text,
        Label: LabelInput.Text
      }
    )
    

Ora cambierai l'origine dati dei segnaposto dalla tabella di Excel alla nuova raccolta.

  1. Seleziona il modello 3D.

  2. Nella scheda Proprietà seleziona l'elenco a discesa Pins(Items) e quindi PinsCollection.

    Screenshot della proprietà Pins(Items) di un modello 3D in Power Apps Studio, con l'origine dati PinsCollection selezionata.

  3. Nella scheda Avanzate trova PinsX, PinsY, e PinsZ e impostarli su X, Y, e Z, rispettivamente.

Quando l'utente inserisce le coordinate e un'etichetta e seleziona Aggiungi segnaposto, un segnaposto etichettato viene posizionato sul modello in corrispondenza delle coordinate immesse.

Mostrare le informazioni sui segnaposto quando vengono aggiunti a un modello 3D

Infine, combina gli esempi precedenti visualizzando le informazioni sui segnaposto man mano che l'utente li aggiunge.

Con un'app aperta per la modifica in Power Apps Studio:

  1. Aggiungi una tabella di dati alla schermata.
  2. Nella scheda Proprietà seleziona l'elenco a discesa Pins(Items) e PinsCollection.
  3. Seleziona Modifica campi, quindi Aggiungi campo.
  4. Seleziona le colonne da mostrare nella tabella quindi seleziona Aggiungi.

Altri controlli di realtà mista