Das Ersteller-Kit verwenden

  • Artikel

Bevor Sie die im Ersteller-Kit enthaltenen Komponenten verwenden, verwenden Sie die Referenz-App, um mehr über das Komponentenverhalten und über Implementierungsmuster zu lernen. Mit der Referenz-App erfahren Sie auch, wie Sie einer App Komponenten hinzufügen.

Das Ersteller-Kit enthält die folgenden Anlagen, die in drei Lösungen verteilt sind:

Lösung Elemente
CreatorKitCore
  • 24 Power Apps component framework- und Canvas-Komponenten
    		•
    CreatorKitReference (MDA)
  • Eine Referenz-App (Modellgesteuert mit benutzerdefinierten Seiten) zum interaktiven Lernen
  • Eine Canvas-Seitenvorlage
    		•
    CreatorKitReference (Canvas)
  • Referenz-App (Canvas) zum interaktiven Lernen (erfordert keine eigenständige Power Apps-Lizenz)
  • Eine Canvas-Vorlagen-App
  • Einen Design-Editor, der das Design-JSON generiert, das verwendet wird, um konsistente Komponenten einfach zu entwerfen
    		•

    Erfahren Sie, wie Sie einer App Komponenten hinzufügen

    Nachdem das Kit installiert wurde, erfahren Sie, wie Sie die Komponenten zu Ihrer App hinzufügen:

    Die Bausteine erstellen

    In diesem Abschnitt erfahren Sie Einzelheiten zu den verschiedenen Apps, Vorlagen und Komponenten, die das Ersteller-Kit bilden.

    Referenz-App

    Verwenden Sie diese App, um mehr über die einzelnen Komponenten zu erfahren, sich über empfohlene Best Practices für die optimale Benutzererfahrung zu informieren, mit den einzelnen Komponenten interagieren und hinter die Eigenschaften des Implementierungscodes zu blicken, die das Verhalten ermöglichen. Wir empfehlen Ihnen, sich die interessanten Komponenten in der Referenz-App anzusehen, bevor Sie versuchen, sie in einer tatsächlichen App zu verwenden.

    • Beobachten Sie, wie sich die Komponente verhält und Daten rendert.
    • Wählen Sie die Registerkarte Code aus, um die zugrunde liegenden Power Fx-Formeln anzuzeigen.
    • Lernen Sie Best Practices über die Inline-Anleitung zum Steuerelement kennen.

    Screenshot einer Seite in der Referenz-App, die ein Steuerelement beschreibt.

    Vorlagen

    Die Vorlagen sind so gestaltet, dass Sie zügig mit der Erstellung reaktionsschneller auf der Fluent-Benutzeroberfläche basierender Apps beginnen können. Sie werden mit den benutzerdefinierten Komponenten geliefert, die vorinstalliert und an eine Design-JSON-Variable geknüpft sind, wodurch die Zeit bis zum Beginn der Entwicklung verkürzt wird.

    Screenshot einer Canvas-App-Vorlage und einer benutzerdefinierten Seitenvorlage.

    Canvas-App-Vorlage

    Erstellen Sie eine Kopie dieser App, wenn Sie eine neue Canvas-App erstellen, für die Sie Komponenten aus dem Kit benötigen.

    Erstellen Sie eine Kopie der Canvas-Vorlage wie folgt:

    1. Erstellen Sie eine neue, nicht verwaltete Lösung.
    2. Wählen Sie im Menüband Vorhandenes Element hinzufügen>Apps>Canvas aus.
    3. Wählen Sie die App Canvas-Vorlage und dann Hinzufügen aus.
    4. Bearbeiten Sie die Canvas-Vorlage.
    5. Wählen Sie im Studio-Menüband Datei>Speichern unter aus und geben Sie einen neuen Namen für die Kopie ein. Die Kopie wird in derselben Lösung angezeigt.
    6. Entfernen Sie die ursprüngliche Canvas-App-Vorlage aus der Lösung.

    Achten Sie darauf, dass Sie ab sofort nur noch die kopierte App bearbeiten, sodass die ursprüngliche App-Vorlage wiederverwendet werden kann.

    Vorlage für benutzerdefinierte Seiten

    Erstellen Sie eine Kopie dieser Seite, wenn Sie eine neue benutzerdefinierte Seite für eine konvergente App erstellen.

    Vorlage für benutzerdefinierte Seiten.

    Führen Sie die vorherigen Schritte aus, um eine Kopie der Canvas-Vorlagen-App zu erstellen. Wählen Sie dieses Mal allerdings die Option Speichern unter in der oberen rechten Ecke aus:

    1. Erweitern Sie in der oberen rechten Ecke das Menü neben dem Speichersymbol und dann Speichern unter aus.

      „Speichern unter“-Menü des Studios für benutzerdefinierte Seiten.

    2. Geben Sie einen Namen ein, und wählen Sie dann Speichern.

      Studio-Umbenennungsdialogfeld für benutzerdefinierte Seiten.

    3. Schließen Sie das Studio, indem Sie in der oberen linken Ecke auf die Zurück-Schaltfläche klicken. Beachten Sie, dass die Kopie in derselben Lösung erstellt wurde.

      Kopie der benutzerdefinierten Seite zur Lösung hinzugefügt.

    4. Entfernen Sie die ursprüngliche Vorlage für eine benutzerdefinierte Seite aus der Lösung.

    Fluent-Themen-Designer-App

    Verwenden Sie diese App, um ein Design-Json-Objekt zum konsistenten Gestalten von Komponenten zu generieren.

    Design-Editor-App.

    Siehe Designs für Anweisungen zum Generieren von Designs und Referenzdesigns aus Komponenten.

    Canvas-Komponenten

    Canvas-Komponenten sind in der Power CAT-Komponentenbibliothek definiert und werden mit Canvas-Komponenten implementiert.

    Canvas-Komponenten

    Codekomponenten

    Codekomponenten werden mit dem Power Apps component framework implementiert, die als einzelne benutzerdefinierte Steuerelemente in der Lösung definiert sind.

    Sie können sich die Codekomponenten auf der Seite „Komponentenreferenz“ ansehen.

    Screenshot des Menüs „benutzerdefinierte Steuerelemente“.

    Apps bereitstellen, welche die Ersteller-Kit-Komponenten verwenden

    Apps, die Kit-Komponenten verwenden, können nicht außerhalb einer Lösung erstellt werden und müssen als Teil von Lösungen importiert und exportiert werden.

    • Erstellen Sie während der Entwicklung Apps, die Komponenten des Ersteller-Kits verwenden, in ihrer eigenen separaten und nicht verwalteten Lösung.
    • Beim Bereitstellen einer App, die die Komponenten enthält, muss die CreatorKitCore (verwaltete Lösung) in der Zielumgebung installiert werden, bevor abhängige Lösungen importiert werden.

    Weitere Informationen und allgemeinen Anleitung finden Sie unter Tipps zur Problembehandlung beim Lösungsimport.

    Nächster Schritt: Sehen Sie sich die Komponentenreferenz an