Dela via


Visa 3D-innehåll eller bilder i mixad verklighet

Använd kontrollen Visa i MR om du vill placera en 3D-modell för ett objekt eller en bild i ett verkligt utrymme. Förhandsgranska till exempel en tavla på en vägg innan du hänger upp den, eller se om en virtuell 3D-bokhylla passar där du vill ha den.

Tänk om du inte har en 3D-modell för objektet? Läs in en bild av objektet och ställ in dess mått på objektets storlek. Kontrollen använder bilden som ansikte mot en virtuell storlek som har den önskade storleken. Placera den här stand-in-modellen för 3D-modellen i ditt utrymme.

Med kontrollen Visa i MR läggs en knapp till i din app. När en användare väljer knappen överlagrar appen en vald 3D-modell (i .glb-, .stl- eller .obj-filformat) eller bild (i .jpg- eller .png-filformat) på enhetens kameraflöde.

Ett bild på en surfplatta som visar en 3D-modell av en gaffeltruck på ett lager med lagervy.

Du kan också ta bilder med kontrollen Visa i MR och överföra dem till OneDrive.

Viktigt

3D-innehållet måste finnas i filformaten .glb, .stl eller .obj. Du kan konvertera de befintliga 3D-modellerna till .glb-filformatet från en mängd olika 3D-format. 3D-innehåll som är komprimerat med Draco-komprimering stöds inte.

Tips

  • Se till att 3D-modeller är optimerade för användning med Power Apps för att minimera belastningstider.

  • Kontrollerna för mixed reality (MR) fungerar bäst i välbelysta miljöer med strukturerade ytor. Spårning är bättre på LIDAR-aktiverade enheter.

  • MR-kontrollerna i Power Apps använder Babylon och Babylon React Native. Mixat innehåll som fungerar i Babylon begränsat läge bör fungera i Power Apps via den här delade MR-plattformen. Om ditt innehåll fungerar i Babylon men inte i Power Apps, ställer du en fråga i Power Apps webbgruppsforumet. (Tagga den med "mixed verklighet".)

Lägg till knappen View in MR på en appskärm

Med appen öppen för redigering i Power Apps Studio:

  1. Öppna fliken Infoga och expandera mixad verklighet.

  2. Markera kontrollen Visa i MR och placera den i appens skärm, eller dra kontrollen på skärmen för att placera den mer exakt.

Kontrollen är en knapp som har etiketten en ikon i en kub och texten Visa i MR. Ändra etiketten och dölj ikonen om du vill i egenskaperna Text och Display type.

En skärmbild av fliken Infoga i Power Apps Studio, visar var man kan hitta kontrollen Visa i MR.

Visa olika modeller i en och samma session

Visa i MR-kontrollen visar en mediefil som standard. Om du vill visa olika mediefiler som har valts via ett mediegalleri under MR-upplevelsen använder du kontrollens avancerade egenskap Items. Egenskapen skapar en tabell med mediefiler som användaren kan välja bland i mixad verklighet.

När du använder egenskapen Items måste du ange ett värde för följande ytterligare avancerade egenskaper för att mappa kolumnerna i tabellen:

Property Beskrivning
ItemsSource (krävs) Anger vilken kolumn som Items identifierar 3D-modellen eller bilden som visas i vyn mixad verklighet. Se Anslut 3D-modeller till Power Apps om du vill veta mer om hur man förser modeller med Power Apps.
ItemsLabel Anger vilken kolumn i Items som innehåller etiketten som ska visas i mediegalleriet. Egenskapen Alternative text används för objekt som inte har en angiven etikett.
ItemsThumbnail Anger vilken kolumn i Items som identifierar den miniatyrbild som ska visas i mediegalleriet. En standardminiatyrbild tillhandahålls för objekt som inte har en angiven.
ItemsObjectWidth, ItemsObjectHeight, ItemsObjectDepth Anger en explicit storlek för varje medieobjekt i tabellen. Object width, Object height och Object depth används för objekt som inte har en viss storlek.

Testa det genom att skapa ett mediegalleri där tre olika funktioner visas i en rumsmiljö. Tabellen Objekt ser ut så här:

label source miniatyr
Paradisets fåglar https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/bird_of_paradise_blue.glb https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/bird_of_paradise_blue.png
Fiolfikus https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/flf_orange.glb https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/flf_orange.png
Litet palmträd https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/palm_green.glb https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/palm_green.png

Video som visar ett mediegalleri i en mixad verklighetsupplevelse.

Med appen öppen för redigering i Power Apps Studio:

  1. Öppna fliken Infoga och expandera mixad verklighet.

  2. Markera kontrollen Visa i MR och placera den i appens skärm, eller dra kontrollen på skärmen för att placera den mer exakt.

  3. På egenskapsfliken Advanced välj egenskapen Items och skriv eller klistra in följande kod:

    Table(
    {
    label: "Birds of Paradise",
    source: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/bird_of_paradise_blue.glb",
    thumbnail: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/bird_of_paradise_blue.png"
    },
    {
    label: "Fiddle Leaf Fig",
    source: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/flf_orange.glb",
    thumbnail: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/flf_orange.png"
    },
    {
    label: "Small Palm Tree",
    source: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/palm_green.glb",
    thumbnail: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/palm_green.png"
    }
    )
    
  4. Ange egenskapen ItemsLabel som "label".

  5. Ange egenskapen ItemsSource som "source".

  6. Ange egenskapen ItemsThumbnail som "thumbnail".

    En skärmbild av Visa i MR-kontrollegenskaper.

Anteckning

Egenskapen Items anges till din datakälla kan vara en samling, från ett anslutningsprogram eller en hårdkodad tabell som i det här exemplet. Egenskaperna ItemsSource, ItemsLabel och ItemsThumbnail anges till kolumnnamnen för datakälla inom citattecken.

  1. Spara och publicera appen och öppna den på den mobila enheten.

Så här ska objekt skalas om du ändrar storlek på dem

Om du inte anger mått när du placerar en modell följer kontrollen Visa i MR de mått som anges i objektfilen. Du kan ändra storlek på modellen genom att ange ett annat värde än 0 i en eller flera av kontrollens bredd, höjd och djupegenskaper (Objektbredd, Objekt höjd och Objekt djup). Hur modellen skalas beror på hur många mått du ändrar.

  • Om alla mått är 0 (standardvärdet) lämnas modellens storlek som den är inställd på i objektfilen.

  • Om man anger en enda modell skalas den lika med den ändrade modellen, ungefär som inställningen "behåll aspektavbildning" när du ändrar storlek på en bild.

  • Om du anger två mått skalas modellen till de två angivna måtten och i genomsnitt de två första.
    Säg till exempel att du har en modell som är 12 m hög, 6 m breda och 3 m djup. Du anger kontrollens egenskaper Visa i MR som följer: Objekt höjd: 24, Objektbredd: 9, Objektdjup: 0 (oförändrad). Höjden ökar med en faktor 2 och bredden ökar med en faktor 1,5. Höjd- och breddökningen är ett genomsnitt för att hitta en faktor som bör öka djupen med: 2 + 1,5 = 3,5 / 2 = 1,75. De slutliga måtten på modellen är Objekthöjd 24, Objektbredd 9, and Objektdjup 5.25 (3 x 1.75).

  • Om alla tre måtten har angetts ändras modellens storlek till det du angav.

Anteckning

Om måtten inte följer ursprungsaspekten kan modellen bli förvanskad eller förvridad när den visas i MR.

Egenskaper

Ändra knappen View in MR beteende och utseende med hjälp av egenskaper. Vissa egenskaper är endast tillgängliga på fliken Avancerat.

En skärmbild av en View in MR i Microsoft Power Apps Studio, som visas tillsammans med dess egenskaper.

Property Beskrivning Type Plats
Text Ställer in knappens etikettstext. String Egenskaper; avancerad: Text
Alternativ text Anger texten som ska visas om modellen inte kan laddas eller om användaren håller muspekaren över modellen. String Egenskaper; avancerad: AltText
Visningstyp Fastställer om knappetiketten visar en ikon med texten, texten eller både och. Val i listrutan Egenskaper; avancerad: DisplayType
Source Identifierar datakällan (.glb-, .stl- eller .obj-fil) som ska visas. Inte tillämpligt Egenskaper; avancerad: Source
Lista med källor (objekt) Datakälla (tabell) med flera mediefiler att visa i en enda session med mixade verklighetsfunktioner. Register Egenskaper; avancerad: Items
Objektbredd Ställer in modellens bredd. Heltal Egenskaper; avancerad: ObjectWidth
Objekthöjd Ställer in modellens höjd. Integer Egenskaper; avancerad: ObjectHeight
Objektdjup Ställer in modellens djup. Integer Egenskaper; avancerad: ObjectDepth
Unit of measurement Anger måttenheten som används för modellens bredd, höjd och djup. List Egenskaper; avancerad: Units
Aktivera skuggor Bestämmer om skuggor används för att förstärka 3D-effekten när modellen visas. Booleskt Egenskaper; avancerad: EnableShadows
Aktivera marköridentifiering Avgör om marköridentifiering ska användas för att fastställa modellposition och rotation. Se Använd marköridentifiering med kontroller med mixade verklighetskontroller Booleskt Egenskaper; Avancerat: EnableMarkerDetection
Synligt Visar eller döljer knappen. Booleskt Egenskaper; Avancerad: Visible
Position Placerar knappens övre vänstra hörn vid de skärmkoordinater som anges i x och y. Flyttalsnummer Egenskaper; Avancerad: X, Y
Size Fastställer knappens storlek med hjälp av pixelvärdena i Bredd och Höjd. Integer Egenskaper Avancerat: Width, Height
Utfyllnad överkant Anger sträckan mellan knappetikettstexten och knappens översta. Flyttalsnummer Egenskaper; avancerad: PaddingTop
Utfyllnad nederkant Anger sträckan mellan knappetikettstexten och knappens nedersta. Flyttalsnummer Egenskaper; avancerad: PaddingBottom
Utfyllnad vänster Anger sträckan mellan knappetikettstexten och knappens vänstra kant. Flyttalsnummer Egenskaper; avancerad: PaddingLeft
Utfyllnad höger Anger sträckan mellan knappetikettstexten och knappens högra kant. Flyttalsnummer Egenskaper; avancerad: PaddingRight
Teckensnitt Anger namnet på teckensnittsfamiljen som används för knappetikettstexten. List Egenskaper; avancerad: Font
Teckenstorlek Ställer in storleken på knappetikettstexten. Flyttalsnummer Egenskaper; avancerad: FontSize
Teckengrovlek Ställer in vikten på knappetikettens text, antingen Fet, Ljusare, Normal, eller Halvfet. List Egenskaper; avancerad: FontWeight
Textjustering Anger den vågräta justeringen av etiketttexten på knappen, antingen Center, Justera, Vänster eller Höger. Gäller inte Egenskaper; avancerad: TextAlignment
Lodrät justering Anger den vertikala justeringen av etiketttexten i knappen Nedersta, Mitten eller Översta. List Egenskaper; avancerad: VerticalAlign
Teckenstil Anger stilen på knappetikettstexten, antingen Kursiv, Understruken, Genomstruken eller inget. Gäller inte Egenskaper; Avancerat: Italic, Underline, Strikethrough
Kantlinjeradie Bestämmer knappkantens hörnradie. Flyttalsnummer Egenskaper; avancerad: BorderRadius
Color Ställer in färgerna på knappetikettens text och knappbakgrunden. Gäller inte Egenskaper Avancerat: FillColor, TextColor
Kantlinje Bestämmer stil, bredd och färg på knappkanten. Gäller inte Egenskaper; Avancerat: BorderStyle, BorderThickness, BorderFillColor
Inaktiverat Inaktiverar knappen men lämnar den synlig. Boolean Egenskaper; Avancerad: Disabled
Inaktiverad färg Anger färgerna på knappetikettstexten, knappbakgrunden och knappkanten om DisplayMode är inaktiverat. Gäller inte Egenskaper; Avancerat: DisabledContentColor, DisabledFillColor, DisabledBorderColor
Färg för nedtryckt knapp Anger färgerna på knappetikettstexten, knappbakgrunden och knappkanten om användaren väljer knappen. Gäller inte Egenskaper; Avancerat: PressedContentColor, PressedFillColor, PressedBorderColor
Hovringsfärg Anger färgerna på knappetikettstexten, knappbakgrunden och knappkanten när användaren för muspekaren över den. Gäller inte Egenskaper; Avancerat: HoverContentColor, HoverFillColor, HoverBorderColor
OnMixedRealitySelect Beteende som utlöses när användaren väljer knappen för att lansera mixad verklighet. Definierad åtgärd Avancerad
OnChange Beteende som utlöses när en knappegenskap ändras. Definierad åtgärd Avancerad
Knappbeskrivning Anger vilken text som ska visas när användaren för muspekaren över knappen. String Avancerad
ContentLanguage Bestämmer språket för knappetikett, om det är ett annat språk än det som används i appen. String Avancerad
DisplayMode Bestämmer huruvida knappen ska tillåta indata från användaren (Edit), bara visar data (View) eller är inaktiverad (Disabled). Enum Avancerad
Flikindex Anger den ordning knappen är markerad om användaren navigerar i appen med tabbtangenten. Integer Egenskaper; avancerad: TabIndex

Utdataegenskaper

Appen kan använda fler egenskaper när en användare interagerar med kontrollen Visa i MR. Dessa kallas utdataegenskaper. Du kan använda utdataegenskaper i andra kontroller eller för att anpassa appupplevelsen.

Property Beskrivning Type
Photos Samlar foton som registrerades under sessionen med mixad verklighet. Du kan överföra dina Mixed Reality-foton till OneDrive och visa dem i ett galleri. Gäller inte

Andra kontrollen mixed reality

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).