Dela via


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.

Formulärskärm i layoutformaten för surfplattor och telefoner.

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

Vertikal behållare i layoutformaten för surfplattor och telefoner.

  • 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

Horisontella sidhuvuden och avgränsare.

Text input, drop down och combo box

Horisontal text input, drop down och combo box.

Toggle, check box och radio

Horisontal toggle, check box och radio.

Slider, rating

Horisontal slider, rating.

Date picker

Horisontal date picker.

List box

Horisontal list box.

Rich text

Horisontal rich text.

Timer

Horisontal timer.

Komponentstorlekar, tillstånd och typer

Button-storlekar

Button-storlek.

Button-tillstånd

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

Label-storlek.

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

Storlekar på Text input.

Tillstånd på Text input

Tillstånd på Text input.

Typer av Text input

Typer av Text input.

Combo box-storlekar

Combo box-storlekar.

Combo box-tillstånd

Combo box-tillstånd.

Drop down-storlekar.

Drop down-tillstånd.

Check box-storlekar

Check box-storlekar.

Check box-tillstånd

Check box-tillstånd.

Radio button-storlekar

Radio button-storlekar.

Radio button-tillstånd

Radio button-tillstånd.

Radio button-typer

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

Toggle-tillstånd

Toggle-tillstånd.

Toggle-typer

Toggle-typer.

Date picker-storlekar

Date picker-storlekar.

Date picker-tillstånd

Date picker-tillstånd.

Date picker-typer

Date picker-typer.

Slider-storlekar

Slider-storlekar.

Slider-tillstånd

Slider-tillstånd.

Slider-typer

Slider-typer.

Rating-storlekar

Rating-storlekar.

Rating-tillstånd

Rating-tillstånd.

Rating-typer

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

List box-tillstånd

List box-tillstånd.

List box-typer

List box-typer.

Rich text-storlekar

Rich text-storlekar.

Rich text-tillstånd

Rich text-tillstånd.

Timer-storlekar

Timer-storlekar.

Timer-tillstånd

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.

Innehåll som ska ignoreras.

Bilder och rektanglar

Bilder och rektanglar renderas som de är när designen konverteras till en app.

Bilder

Bilder.

Rektanglar

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.

Se även