Condividi tramite


Utilizzare il Kit per gli autori

Prima di utilizzare i componenti inclusi con il Kit per gli autori, utilizza App di riferimento per apprendere il comportamento dei componenti e i modelli di implementazione. Con l'app di riferimento imparerai anche come aggiungere componenti a un'app.

Il Kit per gli autori include le seguenti risorse, distribuite in tre soluzioni:

Soluzione Items
CreatorKitCore
  • 24 Power Apps component framework e componenti canvas
  • CreatorKitReference (MDA)
  • Un'app di riferimento (basata su modello con pagine personalizzate) con cui apprendere in modo interattivo
  • Un modello di pagina canvas
  • CreatorKitReference (Canvas)
  • App di riferimento (canvas) per apprendere in modo interattivo (non è richiesta la licenza Power Apps standalone)
  • Un'app modello canvas
  • Un editor di temi che genera Theme JSON, utilizzato per definire facilmente lo stile di componenti coerenti
  • Scopri come aggiungere componenti a un'app

    Una volta che il kit è stato installato, scopri come aggiungere i componenti nella tua app:

    Creazione di blocchi predefiniti

    In questa sezione imparerai i dettagli sulle diverse app, modelli e componenti inclusi nel Kit per gli autori.

    App riferimento

    Utilizza questa app per conoscere ogni componente, ottenere le procedure consigliate per un'esperienza utente ottimale, interagire con ciascun componente e vedere il codice di implementazione dietro le proprietà che abilitano il comportamento. Ti consigliamo di esplorare i componenti di interesse nell'app di riferimento prima di provare a utilizzare i componenti in un'app reale.

    • Osservare come si comporta il componente e come esegue il rendering dei dati.
    • Seleziona la scheda Codice per vedere le formule di Power Fx sottostanti.
    • Scopri le procedure consigliate dalla guida in linea relativa al comando.

    Screenshot di una pagina nell'app di riferimento che descrive un controllo.

    Modelli

    I modelli sono concepiti per aiutare a iniziare rapidamente a creare app reattive basate sull'interfaccia utente Fluent. Vengono forniti con i componenti personalizzati precaricati e collegati a una variabile JSON del tema, che riduce il tempo necessario per iniziare lo sviluppo.

    Screenshot di un modello di app canvas e un modello di pagina personalizzato.

    Modello di app canvas

    Creare una copia di questa app durante la creazione di una nuova app canvas che richiede i componenti del kit.

    Per fare una copia del modello canvas:

    1. Crea una nuova soluzione non gestita.
    2. Seleziona Aggiungi esistente>App>Canvas nella barra multifunzione.
    3. Seleziona l'app Modello canvas quindi seleziona Aggiungi.
    4. Modifica il Modello canvas.
    5. Nella barra multifunzione in alto in Studio, seleziona File>Salva con nome e inserisci un nuovo nome per la copia. La copia apparirà nella stessa soluzione.
    6. Rimuovi il modello di app Canvas originale dalla soluzione.

    Assicurati di modificare solo l'app copiata ora in poi in modo che il modello di app originale possa essere riutilizzato.

    Modello di pagina personalizzato

    Fai una copia di questa pagina quando crei una nuova pagina personalizzata per un'app convergente.

    Modello di pagina personalizzato.

    Segui i passaggi precedenti per creare una copia dell'app modello canvas, ma questa volta selezionerai l'opzione Salva con nome nell'angolo in alto a destra:

    1. Nell'angolo in alto a destra, espandi il menu accanto all'icona Salva e seleziona Salva con nome.

      Menu Salva con nome della pagina personalizzata di Studio.

    2. Immetti un nome e seleziona Salva.

      Finestra di dialogo per la ridenominazione della pagina personalizzata di Studio.

    3. Chiudi lo studio selezionando il pulsante Indietro nell'angolo in alto a sinistra. Nota che la copia è stata creata nella stessa soluzione.

      Copia della pagina personalizzata aggiunta alla soluzione.

    4. Rimuovi il modello di pagina personalizzata originale dalla soluzione.

    App per la progettazione di temi Fluent

    Usa questa app per generare un oggetto JSON a tema per lo stile dei componenti in modo coerente.

    App Editor di temi.

    Vedi Temi per istruzioni su come generare temi e temi di riferimento dai componenti.

    Componenti canvas

    I componenti del canvas sono definiti nella Libreria dei componenti di Power CAT, e sono implementati con componenti canvas.

    Componenti canvas.

    Componente di codice

    I componenti dei codice, implementati con Power Apps component framework, definiti come controlli personalizzati individuali nella soluzione.

    Puoi visualizzare i componenti del codice nella pagina di riferimento dei componenti.

    Screenshot del menu dei controlli Personalizzato.

    Distribuzione di app che utilizzano i componenti del Kit per gli autori

    Le app che utilizzano i componenti del kit non possono essere create al di fuori di una soluzione e devono essere importate ed esportate come parte di soluzioni.

    • Durante lo sviluppo, crea app che utilizzano i componenti del Kit per gli autori nella propria soluzione separata e non gestita.
    • Quando si distribuisce un'app che include i componenti, il CreatorKitCore (soluzione gestita) deve essere installato nell'ambiente di destinazione prima di importare le soluzioni dipendenti.

    Per ulteriori informazioni e indicazioni generali, va ai suggerimenti per la risoluzione dei problemi di importazione della soluzione.