Komponenter som stöds av UI-paketet
[Den här artikeln är en förhandsversion av dokumentationen och kan komma att ändras.]
Skapa appar från Figma UI-paket har stöd för vissa komponenter. I den här artikeln får du lära dig mer om dessa komponenter:
För den senaste informationen om de komponenter som stöds och för att se detaljerade exempel kan du besöka Komponenter som stöds inne i Skapa appar från Figma UI-paketet.
Viktigt
Byt inte namn på komponenter och ändra inte lager. Annars konverterar inte komponenterna egenskapen i Power Apps.
Rullningsbara avsnitt
Ett rullningsbart avsnitt är ett avsnitt på en skärm. Om innehållet sträcker sig utanför avsnittet är det fortfarande tillgängligt när användaren rullar.
De rullningsbara avsnitten i UI-paketet är tillgängliga i två olika format: Telefon och Surfplatta.
Formulär
Använd ett formuläravsnitt om du vill att användarna ska fylla i fält och skicka in data.
I Power Apps är det här avsnittet rullningsbart.
- Placera endast vertikala eller horisontella datakortskomponenter i formuläravsnittet.
- Blanda inte vertikala och horisontella datakort.
- Använd inte grundkomponenter i formulärramar.
Behållare (vertikal)
Använd behållaravsnitten (vertikala) när du vill att innehållet ska rulla. Till exempel om du behöver en del av ett långt innehåll.
Tips
Du kan också lägga till ett litet formulär i en behållare (vertikal).
- Använd grundkomponenter och formulär i behållarramar.
- Placera inte vertikala eller horisontella kortkomponenter i avsnittet Behållare (vertikal).
Vertikala och horisontella datakort
Vertikala och horisontella datakort är komponenter som automatiskt ordnas på ett formulär.
Anteckning
Se till att alla datakort placeras direkt i en formulärkomponent. Datakort kan inte användas utanför ett formulär.
Sidhuvuden och avgränsare
Text input, drop down och combo box
Toggle, check box och radio
Slider, rating
Date picker
List box
Rich text
Timer
Komponentstorlekar, tillstånd och typer
Button-storlekar
Button-tillstånd
- Om du vill ha en konturerad knapp med ett streck sätter du strecket i mitten av Figma, då Power Apps endast konverterar centrerade streck.
Label-storlekar
Anteckning
Använd endast ett teckensnitt och en teckenstorlek i en textetikett. Om du vill använda fler än ett teckensnitt eller fler än en teckenstorlek i en textetikett gör du separata etiketter med de varianterna. Kontrollera också att texten för etiketten inte sträcker sig utanför begränsningsrutan, eftersom den inte konverteras korrekt.
Storlekar på Text input
Tillstånd på Text input
Typer av Text input
Combo box-storlekar
Combo box-tillstånd
Drop down-storlekar
Drop down-tillstånd
Check box-storlekar
Check box-tillstånd
Radio button-storlekar
Radio button-tillstånd
Radio button-typer
- Behåll alla alternativknappar och all text i samma färg. När du konverterar till en app använder Power Apps färgen på den första alternativknappen för alla återstående knappar. Det känner inte igen några andra färger som du har använt.
Toggle-storlekar
Toggle-tillstånd
Toggle-typer
Date picker-storlekar
Date picker-tillstånd
Date picker-typer
Slider-storlekar
Slider-tillstånd
Slider-typer
Rating-storlekar
Rating-tillstånd
Rating-typer
- Behåll alla stjärnor i samma färg när du designar i Figma. När du konverterar till en app använder Power Apps färgen på den första stjärnan för alla återstående stjärnor. Det känner inte igen några andra färger som du har använt.
List box-storlekar
List box-tillstånd
List box-typer
Rich text-storlekar
Rich text-tillstånd
Timer-storlekar
Timer-tillstånd
Innehåll som ska ignoreras
Med de här komponenterna kan du göra anteckningar, kommentarer eller diverse innehåll som inte behöver renderas i den slutliga appen. Innehållet ignoreras när du konverterar designen i Power Apps.
Bilder och rektanglar
Bilder och rektanglar renderas som de är när designen konverteras till en app.
Bilder
Rektanglar
- Använd endast rektanglar med raka hörn eftersom Power Apps endast kan konvertera rektanglar med raka hörn. I Figma innebär det att hörnradien måste vara noll.