Dela via

Skapa en app med kontroller för 3D och mixed reality

  • Artikel

Du kan använda kontrollerna 3D-objekt och Visa i MR för att visa objekt i 3D, eller för att se hur ett visst föremål kan passa inom ett specificerat utrymme.

I den här artikeln lär du dig hur du använder kontroller för 3D och mixed reality i Power Apps.

Titta på det här videoklippet och lär dig hur du bygger mobilappar med kontrollen Visa i MR:

Förutsättningar

Se krav för enheter kompatibla med mixad verklighet.

Skapa en app med kontrollen Visa i MR

Med kontrollen Visa i MR skapas en knapp i din app. När appanvändare väljer du knappen läggs en vald 3D-modell (i filformatet .glb) eller bild (i .jpg- eller .png-filformat) över enhetens live-kameramatning.

Tips

Du kan också ta foton och ladda upp dem till OneDrive.

I det här avsnittet bygger vi en skärm i en app som gör att användaren kan visa det valda objektet i blandade delar med kontrollen Visa i MR.

  1. Öppna som en app i Power Apps Studio.

  2. Välj egenskapen OnStart för appen, kopiera och klistra in följande:

    ClearCollect(
    col3dObjects,
    {
        ObjectName: "Forklift",
        ObjectURL: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/forklift.glb"
    },
    {
        ObjectName: "HVAC",
        ObjectURL: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/hvac.glb"
    },
    {
        ObjectName: "Machine",
        ObjectURL: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/machine.glb"
    },
    {
        ObjectName: "Pallet w/ Boxes",
        ObjectURL: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/pallet_with_boxes.glb"
    },
    {
        ObjectName: "Robot Arm",
        ObjectURL: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/robot_arm.glb"
    }
)

    Egenskapen App OnStart med formeln uppdaterad enligt vad som anges i exempelkoden ovan.

    Med den här formeln skapas en samling som innehåller namnen och länkarna för de 3D-objekt som ska visas i blandade samlingar.

  3. Lägg till en textetikett på skärmen genom att dra och dra den från fliken Infoga.

  4. Placera tillagda textetiketten högst upp till vänster på skärmen och ändra följande egenskaper på fliken Egenskaper:

    Property Värde
    Text "Visa i MR"
    Teckenstorlek 24
    Teckengrovlek FontWeight.Semibold
    Textjustering Align.Center
    Width 640

  5. På fliken Avancerat ändrar du följande egenskaper för textetiketten:

    Property Värde
    Color RGBA(255, 255, 255, 1)
    Fyllning RGBA(56, 96, 178, 1)

    Den här ändringen ger en rubrik för skärmen.

  6. Infoga Tomt lodrätt galleri från avsnittet Layout i fliken Infoga.

  7. Placera galleriet under rubriken "Visa i MR" som du lade till tidigare och expandera det så att resten av skärmen används.

  8. Ändra följande egenskaper för galleriet:

    Property Värde
    Data source col3dObjects
    Storleken på filmallen 80
    X 0
    Y 92
    Width 640
    Height 1044

  9. Välj Redigera galleri om du vill redigera galleriet.

    Redigera galleri för MR.

  10. Infoga en textetikett i galleriet.

  11. Ändra följande egenskaper för den tillagda textetiketten:

    Property Värde
    Text ThisItem.ObjectName
    X 10
    Y 5
    Width 540

  12. Redigera galleriet igen.

  13. Från avsnittet Mixad verklighet på fliken Infoga, dra och släpp kontrollen Visa i MR i galleriet.

  14. Ändra följande egenskaperna för kontrollen Visa i MR.

Property Värde
Text "Visa i MR"
Visningstyp Icon
Source ThisItem.ObjectURL
X Parent.TemplateWidth - Self.Width - 5
Y 5
Width 70

Den här ändringen ger ett galleri med en lista över 3D-objekt och en knapp som användaren kan trycka på för att visa objekten i mixad verklighet.

Testa den kontrollen mixed reality

Nu när alla kontroller har lagts till sparar och publicerar du appen. Öppna appen på en enhet med olika inställningar och tryck på knappen som motsvarar det objekt du vill visa. Detta öppnar upplevelsen Visa i MR.

Visa i MR.

Följ instruktionerna på skärmen genom att långsamt flytta den åt vänster och höger samtidigt som du pekar på en yta som ska mätas. När förloppen är klara visas en rad prickar på ytan och en cirkel nära mitten av skärmen. Den här cirkeln visar var 3D-objektet kan placeras initialt. När kuben har placerats kan den flyttas eller flyttas med hjälp av pekkontroller.

Om du vill flytta objektet trycker du på det och drar det till den plats där du vill att det ska placeras. Om du vill föra in objektet trycker du på ena skärmen och sveper den med en annan höger eller vänster.

Använd bakåtknappen längst upp till vänster för att gå tillbaka till appskärmen och markera ett annat objekt. Upprepa processen om du vill visa alla objekten.

Skapa en app med kontrollen 3D-objekt

Med kontrollen 3D-objekt kan du visa ett objekt i 3D inne i Power Apps. När appen läses in visas 3D-modeller (i .glb-filformat) eller bild (i .jpg- eller .png-filformat) i appen via kontrollen. Du kan välja en 3D-modell som ska användas, zooma in eller ut.

I det här avsnittet bygger vi en skärm i en app som gör att användaren kan visa det valda objekten i 3D med kontrollen 3D-objekt.

  1. Följ steg 1 och 2 från avsnittet Skapa en app med kontrollen Visa i MR för att skapa en app med samlingen av 3D-objekt för appen.

  2. Lägg till en textetikett på skärmen genom att dra och dra den från fliken Infoga.

  3. Placera tillagda textetiketten högst upp till vänster på skärmen och ändra följande egenskaper på fliken Egenskaper:

    Property Värde
    Text "3D-objekt"
    Teckenstorlek 24
    Teckengrovlek FontWeight.Semibold
    Textjustering Align.Center
    Width 640

  4. På fliken Avancerat ändrar du följande egenskaper för textetiketten:

    Property Värde
    Color RGBA(255, 255, 255, 1)
    Fyllning RGBA(56, 96, 178, 1)

    Den här ändringen ger en rubrik för skärmen.

  5. Infoga Tomt lodrätt galleri från avsnittet Layout i fliken Infoga.

  6. Placera galleriet under rubriken "Visa i MR" som du lade till tidigare och expandera det så att resten av skärmen används.

  7. Ändra följande egenskaper för galleriet:

    Property Värde
    Data source col3dObjects
    Storleken på filmallen 80
    X 0
    Y 92
    Width 640
    Height 1044

  8. Välj Redigera galleri om du vill redigera galleriet.

    Redigera galleri för 3D.

  9. Infoga en textetikett i galleriet.

  10. Ändra följande egenskaper för den tillagda textetiketten:

    Property Värde
    Text ThisItem.ObjectName
    Width 640

  11. Redigera galleriet igen.

  12. Från avsnittet Media på fliken Infoga, dra och släpp kontrollen 3D-objekt i galleriet.

  13. Ändra följande egenskaperna för kontrollen Visa i MR.

Property Värde
Source ThisItem.ObjectURL
X 18
Y 138
Width 600
Height 550

Den här ändringen ger ett galleri med en lista över 3D-objekt som du kan visa i 3D.

Testa kontrollen 3D

Nu när alla kontroller har lagts till sparar och publicerar du appen. Öppna appen på en enhet kompatibel med mixad verklighet med olika inställningar, tryck på skärmen för att zooma in, zooma ut eller omvandla objektet som visas i 3D.

3D-objekt.

Eftersom galleriet innehåller flera objekt i 3D sveper du nedåt på skärmen för att se andra objekt och använder zoom- eller turfunktionerna för att arbeta med objekten i 3D.

Se även

Anteckning

Kan du berätta om dina inställningar för dokumentationsspråk? Svara i en kort undersökning. (observera att undersökningen är på engelska)

Undersökningen tar ungefär sju minuter. Inga personuppgifter samlas in (sekretesspolicy).