Bruke oppretterpakken

Før du bruker komponentene som følger med oppretterpakken, bruker referanseappen til å lære komponentvirkemåte og implementeringsmønstre. Med referanseappen lærer du også hvordan du legger til komponenter i en app.

Oppretterpakken inkluderer følgende aktiva, fordelt på tre løsninger:

Løsning Items
CreatorKitCore
  • 24 Power Apps component framework og lerret komponenter
  • CreatorKitReference (MDA)
  • En referanseapp (modelldrevet med egendefinerte sider) for interaktivt å lære med
  • En lerretsidemal
  • CreatorKitReference (lerret)
  • Referanseapp (lerret) for interaktivt å lære med (krever ikke frittstående Power Apps-lisens)
  • En lerretsmalapp
  • Et temaredigeringsprogram som genererer tema-JSON, som brukes til enkelt å style konsekvente komponenter
  • Lær hvordan du legger til komponenter i en app

    Når pakken er installert, kan du lære hvordan du legger til komponentene i appen:

    Opprett byggeblokkene

    I denne delen lærer du detaljene om ulike apper, maler og komponenter som utgjør oppretterpakken.

    Referanseapp

    Bruk denne appen til å lære om hver enkelt komponent, få anbefalte gode fremgangsmåter for den beste brukeropplevelsen, samhandle med hver komponent og se bak egenskapene for implementeringskoden som aktiverer virkemåten. Vi anbefaler at du utforsker komponentene som er interessante i referanseappen, før du bruker dem i en faktisk app.

    • Følg med på hvordan komponenten fungerer og gjengir data.
    • Velg fanen Kode for å se underliggende Power Fx-formler.
    • Lær de beste fremgangsmåtene fra den innebygde veiledningen som er relatert til kontrollen.

    Skjermbilde av en side i referanseappen som beskriver en kontroll.

    Maler

    Malene er utformet for å hjelpe deg må begynn raskt å opprette responsive Fluent UI-baserte apper. De leveres med de egendefinerte komponentene forhåndsinnlastet og koblet til en tema-JSON-variabel, noe som reduserer tiden det tar å begynne å utvikle.

    Skjermbilde av en lerretsappmal og en egendefinert sidemal.

    Mal for lerretsapp

    Lag en kopi av denne appen når du oppretter en ny lerretsapp som krever komponentene fra pakken.

    Slik lager du en kopi av lerretsmalen:

    1. Opprett en ny uadministrert løsning.
    2. Velg Legg til eksisterende>Apper>Lerrets-handling på båndet.
    3. Velg appen Lerretsmal, og trykk deretter på Legg til.
    4. Rediger lerretsmalen.
    5. På det øverste båndet i studio velger du Fil>Lagre som og angir et nytt navn på kopien. Kopien vises i samme løsning.
    6. Fjern den opprinnelige lerretsappmalen fra løsningen.

    Pass på at du bare redigerer den kopierte appen fra nå av, slik at den opprinnelige appmalen kan brukes på nytt.

    Egendefinert sidemal

    Lag en kopi av denne siden når du oppretter en ny egendefinert side for en konvergert app.

    Egendefinert sidemal.

    Følg fremgangsmåten ovenfor for å lage en kopi av lerretsmalappen, bortsett fra når du skal velge alternativet Lagre som øverst i høyre hjørne:

    1. Vis menyen ved siden av Lagre-ikonet øverst i høyre hjørne, og velg deretter Lagre som.

      Egendefinert side-studio Lagre som-meny.

    2. Skriv inn et nytt navn, og velg deretter Lagre.

      Dialogboksen Gi nytt navn til for Egendefinert side-studio.

    3. Lukk studioet ved å velge tilbakeknappen øverst til venstre. Legg merke til at kopien er opprettet i samme løsning.

      Kopi av egendefinert side lagt til i løsningen.

    4. Fjern den opprinnelige egendefinerte sidemalen fra løsningen.

    Fluent Theme-utvikler-appen

    Bruk denne appen til å generere et tema-JSON-objekt for å utforme komponentene konsekvent.

    Temaredigering-appen.

    Se Bruk av tema for instruksjoner om hvordan du genererer emner og referansetemaer fra komponenter.

    Lerretskomponenter

    Lerretskomponentene defineres i Power CAT Component Library og er implementert med lerretskomponenter.

    Lerretskomponenter.

    Kodekomponenter

    Kodekomponenter, implementert med Power Apps component framework, som defineres som individuelle egendefinerte kontroller i løsningen.

    Du kan vise kodekomponentene på referansesiden for komponentene.

    Skjermbilde av menyen Egendefinerte kontroller.

    Distribuere apper som bruker oppretterpakkekomponenter

    Apper som bruker pakkekomponenter, kan ikke bygges utenfor en løsning og må importeres og eksportere som en del av løsninger.

    • Under utvikling, bygger du apper som bruker oppretterpakkekomponenter i sin egen separate, uadministrerte løsning.
    • Når du distribuerer en app som inneholder komponentene, må CreatorKitCore (administrert løsning) installeres i målmiljøet før avhengige løsninger importeres.

    Hvis du vil ha mer informasjon og generell veiledning, går du til feilsøkingstips for løsningsimport.