Anzeigen von Daten aus einer SharePoint-Liste in einer Projekt Siena-App

  • Artikel

In Project Siena können Sie eine App erstellen, die verschiedene Datentypen (beispielsweise Bilder, Text oder beides) aus einer SharePoint-Liste anzeigt. Sie können bis zu drei Datentypen in einem integrierten Katalog anzeigen.

Galerie erweitern, sodass drei Objekte gezeigt werden

Sie können vier oder mehr Datentypen anzeigen, wenn Sie einen integrierten Katalog anpassen oder einen Katalog von Grund auf neu entwerfen.

Daten durch Hinzufügen von Spaltenüberschriften hinzufügen

Eine Übersicht und App-Demos finden Sie unter Microsoft Project Siena.

Voraussetzungen

  • Project Siena, das kostenlos aus dem Windows Store heruntergeladen werden kann.

    Systemanforderungen und weitere Informationen finden Sie in den Anmerkungen zu dieser Version.

  • Eine SharePoint-Website, die eine Liste enthält.

In diesem Thema

Importieren von Daten

Um Daten in einer Project Siena-App anzuzeigen, müssen Sie sie zunächst so konfigurieren, dass sie die Quelle der Daten findet. Wenn Sie Daten aus einer SharePoint-Liste importieren möchten, benötigen Sie die URL für die Website, welche die Liste enthält.

  1. Öffnen Sie in einem Webbrowser eine SharePoint-Website, die eine Liste enthält.

  2. Kopieren Sie die URL der Website in die Adressleiste.

  3. Starten Sie Project Siena, indem Sie auf dem Startbildschirm auf die entsprechende Kachel klicken oder tippen.

    Wenn die Kachel auf der Startseite nicht angezeigt wird, können Sie sie suchen, indem Sie ihren Namen ganz oder teilweise eingeben, während die Startseite angezeigt wird. Klicken Sie in den Suchergebnissen auf Microsoft Project Siena, um die App zu öffnen.

    Hinweis

    Sie können die Kachel für ein Suchergebnis an die Startseite heften. Klicken Sie dazu mit der rechten Maustaste auf das Ergebnis, und klicken Sie dann auf Pin to Start.

  4. Zeigen Sie die obere App-Leiste an, indem Sie mit der rechten Maustaste auf eine beliebige Stelle im Arbeitsbereich klicken.

  5. Klicken Sie im Menü App-Daten auf Datenquellen.

    Menü "App-Daten" mit "Datenquellen" ausgewählt

  6. Klicken Sie in der Liste der Datenquellen auf SharePoint, Fügen Sie die URL in das Textfeld ein und klicken Sie dann auf Verbinden, sodass die Liste in dieser Website angezeigt wird.

  7. Aktivieren Sie das Kontrollkästchen der zu importierenden Liste, und klicken Sie dann auf Daten importieren.

    Die Datenquelle erhält standardmäßig den Namen der importierten Liste. In diesem Lernprogramm erhalten die Liste und die Datenquelle den Namen "Fictitious Data".

  8. Klicken Sie auf die Schaltfläche "Zurück", um zum Arbeitsbereich zurückzukehren.

Anzeigen von Daten in einem integrierten Katalog

In einem integrierten Katalog können Sie Bilder und Text in verschiedenen vorab konfigurierten Designs anzeigen. Wenn die Daten in einem dieser Designs in der gewünschten Weise dargestellt werden, fügen Sie den Katalog einfach hinzu und konfigurieren ihn anschließend zur Anzeige der importierten Daten. Sie können Elemente im Katalog auch Ihrem Bedarf entsprechend anpassen, ohne sie von Grund auf neu zu entwerfen.

  1. Klicken Sie Visuelles Objekt hinzufügen, sodass eine Liste von UI-Elementen angezeigt wird, die Sie der App hinzufügen können.

  2. Klicken Sie in der Liste der Elemente auf Galerien und dann die horizontale Bildergalerie mit Text, sodass diese dem Bildschirm hinzugefügt wird.

    Horizontale Bildergalerie mit Beschriftung auswählen

  3. Klicken Sie im Dialogfeld Elemente auf die im vorherigen Schritt erstellte Datenquelle.

    Daten mit Text an die Bildergalerie binden

    Die importierten Daten werden im Katalog angezeigt. Sie können dessen Größe jedoch ändern, um mehr Elemente anzuzeigen.

    Hinweis

    Wenn ein Element ausgewählt ist, wird es von einem grauen Feld umgeben und sie können das Element durch Ziehen dieses Feldes bewegen. Sie können die Größe eines ausgewählten Elements auch verändern, indem Sie das kleine weiße Dreieck oder Quadrat im Auswahlfeld ziehen.

  4. Verbreitern Sie den Katalog, damit mehr Elemente aus der Liste angezeigt werden.

Anzeigen von Daten in einem benutzerdefinierten Katalog

Wenn Sie Ihren eigenen Katalog entwerfen möchten, fügen Sie zunächst einen benutzerdefinierten Katalog hinzu, der keine integrierten Elemente für Bilder oder Text enthält. Diese Vorgehensweise eignet sich z. B., wenn Sie mehrere Datenspalten als Tabelle darstellen möchten.

  1. Rechtsklicken Sie irgendwo im Arbeitsbereich. Klicken Sie dann Bildschirm hinzufügen in der oberen App-Leiste und klicken Sie den Bildschirm, den Sie gerade hinzugefügt haben.

  2. Öffnen Sie die Liste der visuellen Elemente, klicken Sie auf Galleries, und klicken Sie anschließend auf den vertikalen Benutzerdefinierten Katalog, um ihn dem Bildschirm hinzuzufügen.

    Symbol für die vertikale benutzerdefinierte Galerie

  3. Klicken Sie im Dialogfeld Elemente auf die zuvor importierte Datenquelle.

  4. Verbreitern Sie die Galerie, sodass Sie den Bildschirm füllt und klicken Sie dann Visuelles Objekt hinzufügen im ersten Element der Galerie, sodass die Liste der visuelle Elemente geöffnet wird.

  5. Fügen Sie für jede Spalte in der Liste, die Text enthält, ein Bezeichnungselement hinzu.

    Schaltfläche für das Hinzufügen eines Beschriftungselements

  6. Wenn Ihre Liste Spalten von Bildern enthält, fügen Sie ein Bildelement für jede dieser Spalten hinzu.

    Die Schaltfläche für das Hinzufügen eines Bildelements

    Wenn Sie die einzelnen Elemente hinzufügen, zeigen diese jeweils die Daten der ersten Zeile jeder Spalte an. Sie können die Elemente neu anordnen, ihre Größe ändern oder beides, damit der Bildschirm wie gewünscht dargestellt wird.

    Sie können Elemente innerhalb einer benutzerdefinierten Galerie anordnen

Anzeigen weiterer Elemente und Hinzufügen von Spaltenüberschriften

Sie können das Durchsuchen Ihrer Daten vereinfachen, indem Sie die Elementvorlage verkleinern und den Textabstand der Vorlage entfernen. Anschließend können die Benutzer alle Elemente mit weniger Bildlaufaktionen anzeigen. Sie können zudem Spaltenüberschriften hinzufügen, die angeben, welche Art von Daten der Katalog enthält.

  1. Klicken Sie Ihre benutzerdefinierte Galerie nahe der unteren Kante und dann das Zeichenstiftsymbol in der oberen linken Ecke der Galerie.

  2. Klicken Sie in der linken unteren Ecke auf Vorlage und dann Vorlagengröße (links, zweites Symbol von oben). Verwenden Sie nun den Schieberegler und verringern Sie den Wert soweit, dass gerade noch alle Daten sichtbar sind.

  3. Klicken Sie auf Vorlagenpadding (links, unteres Symbol) und legen Sie dann den Wert auf 0 fest.

    Sie haben die Anzahl der Elemente, die im Katalog angezeigt werden können, maximiert.

    Vorlage und Padding schrumpfen

    Wenn die Art Ihrer Daten nicht eindeutig ist, können Sie Spaltenüberschriften hinzufügen, wie in den nächsten Schritten erläutert wird.

  4. (Optional) Verkürzen Sie die Galerie und fügen Sie über jeder Spalte ein Beschriftungselement hinzu, dem Sie dann jeweils einen Namen geben.

  5. (Optional) Ändern Sie das Erscheinungsbild des Textes einer beliebigen Beschriftung (machen Sie beispielsweise den Text fett):

    1. Wählen Sie die Beschriftung, die Sie ändern möchten, und klicken Sie dann auf Design unten im Arbeitsbereich.

    2. Klicken Sie Text und ein Symbol links im Dialogfeld, das angezeigt wird. Legen Sie dann die gewünschte Änderung fest.

    Daten durch Hinzufügen von Spaltenüberschriften hinzufügen

Siehe auch

Konzepte

Erste Schritte mit Projekt Siena

Veröffentlichen und Bereitstellen einer Projekt Siena-App