{"id":55000163,"date":"2019-02-01T00:00:00","date_gmt":"2020-03-27T19:35:51","guid":{"rendered":"http:\/\/access-im-unternehmen.aix-dev.de\/aiu\/?p=163"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-30T00:00:00","slug":"PowerApps_Bilder_aus_der_Datenbank_anzeigen","status":"publish","type":"post","link":"https:\/\/vbentwickler.de\/PowerApps_Bilder_aus_der_Datenbank_anzeigen\/","title":{"rendered":"PowerApps: Bilder aus der Datenbank anzeigen"},"content":{"rendered":"

Im Artikel “PowerApps: Bilder in der Datenbank speichern” zeigen wir, wie Sie Fotos, die Sie mit dem Kamera-Steuerelement einer PowerApp aufgenommen haben, in der Tabelle einer Datenbank speichern. Im vorliegenden Artikel fügen wir der PowerApp eine weitere Bildschirmseite hinzu, auf der wir die Bilder dieser Datenbank anzeigen und verwalten. <\/b><\/p>\n

Wir setzen auf der Anwendung aus dem Artikel PowerApps: Bilder in der Datenbank speichern <\/b>auf, da wir die dortige Tabelle und die darin über die PowerApp gespeicherten Bilder nutzen wollen.<\/p>\n

Der PowerApp aus dieser Anwendung fügen wir eine neue Bildschirmseite hinzu, der wir den Namen Fotos aus der Datenbank geben. Wir verwenden wieder die Vorlage für eine leere Bildschirmseite. <\/p>\n

Das Herstellen der Verbindung mit der Datenquelle haben wir bereits im oben genannten Artikel beschrieben, sodass wir nun direkt auf die Tabelle dbo.tblFotos <\/b>als Datenquelle zugreifen können.<\/p>\n

Anschließend fügen wir der Bildschirmseite einen neuen Katalog hinzu, indem Sie im oberen Menü den Eintrag Einfügen <\/b>und im unteren Menü den Eintrag Katalog|Vertikal <\/b>auswählen. Dieses Format wollen wir nicht beibehalten, deshalb öffnen wir die Auswahlliste für die Eigenschaft Layout <\/b>im Bereich Eigenschaften <\/b>und wählen dort den Eintrag 3 Spalten <\/b>aus (siehe Bild 1).<\/p>\n

\"Einstellen<\/p>\n

Bild 1: Einstellen des Formats des Katalogs zur Bildanzeige<\/span><\/b><\/p>\n

Im gleichen Bereich wählen wir nun die Tabelle [dbo].[tblFotos] <\/b>für die Eigenschaft Elemente <\/b>aus (siehe Bild 2).<\/p>\n

\"Einstellen<\/p>\n

Bild 2: Einstellen des der Datenquelle für den Katalog zur Bildanzeige<\/span><\/b><\/p>\n

Danach erscheinen die in der Datenbank gespeicherten Bilder bereits in der Katalog-Ansicht (siehe Bild 3).<\/p>\n

\"Anzeige<\/p>\n

Bild 3: Anzeige von Bildern aus der Datenbank im Katalog-Steuerelement<\/span><\/b><\/p>\n

Bild im Detail anzeigen<\/h2>\n

Nun fügen wir eine weitere Bildschirmseite hinzu, welche eines der Bilder nach dem Anklicken in der vollen Ansicht anzeigt. Diese neue Seite nennen wir FotoAusDerDatenbankDetail<\/b>.<\/p>\n

Der Seite fügen wir im oberen Bereich eine Schaltfläche namens btnZurueck <\/b>hinzu. Diese statten wir über die Eigenschaft OnSelect <\/b>mit dem Befehl Back() <\/b>aus. Mit dieser Schaltfläche wollen wir nach dem Anzeigen des Bildes in der Detailansicht wieder zur Übersicht zurückkehren.<\/p>\n

Dann fügen wir der Bildschirmseite über den Menübefehl Formulare|Anzeigen <\/b>ein Formular hinzu, das später ein Bildsteuerelement zum Anzeigen des gewünschten Bildes aufnehmen soll. Nachdem wir das Formular an die Größe des Bildschirms angepasst haben, sieht dieser wie in Bild 4 aus.<\/p>\n

\"Detailformular<\/p>\n

Möchten Sie weiterlesen? Dann lösen Sie Ihr Ticket!<\/span>
\nHier geht es zur Bestellung des Jahresabonnements des Magazins Visual Basic Entwickler<\/strong>:<\/span>
\nZur Bestellung ...<\/a><\/span>
\nDanach greifen Sie sofort auf alle rund 200 Artikel<\/strong> unseres Angebots zu - auch auf diesen hier!<\/span>
\nOder haben Sie bereits Zugangsdaten? Dann loggen Sie sich gleich hier ein:<\/span><\/p>\n<\/div>\n\n\t\n\t

\n\n\t\t\n\t\t