{"id":55000161,"date":"2019-02-01T00:00:00","date_gmt":"2020-03-27T19:35:39","guid":{"rendered":"http:\/\/access-im-unternehmen.aix-dev.de\/aiu\/?p=161"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-30T00:00:00","slug":"PowerApps_Kamera_steuern","status":"publish","type":"post","link":"https:\/\/vbentwickler.de\/PowerApps_Kamera_steuern\/","title":{"rendered":"PowerApps: Kamera steuern"},"content":{"rendered":"

PowerApps sind die Lösung von Microsoft, um schnell Anwendungen für Smartphones und Co zu realisieren. Und da es kein Smartphone ohne Kamera gibt, stellt sich natürlich die Frage, ob wir PowerApps auch so programmieren können, dass wir damit Fotos aufnehmen und diese weiterverarbeiten können – etwa, indem wir diese in einer Datenbank oder in der Cloud speichern oder sogar in den Bildern des Smartphones. Der vorliegende Artikel zeigt, wie Sie eine Funktion zum Fotografieren zu Ihrer PowerApp hinzufügen und was Sie mit den aufgenommenen Bildern alles tun können.<\/b><\/p>\n

Neue PowerApp anlegen<\/h2>\n

Die Funktion zum Aufnehmen von Fotos und zum Weiterverarbeiten der Aufnahmen wollen wir in einer neuen PowerApp ausprobieren, daher legen Sie unter web.powerapps.com <\/b>nach der Anmeldung mit Ihren Kontodaten mit einem Klick auf Erstellen und der nachfolgenden Auswahl von Canvas-App ohne Vorlage <\/b>eine neue App an (siehe Bild 1).<\/p>\n

\"Anlegen<\/p>\n

Bild 1: Anlegen der neuen PowerApp<\/span><\/b><\/p>\n

Im folgenden Dialog geben wir als Namen für die App schlicht Fotos <\/b>an und legen fest, dass wir eine App für das Telefon erstellen wollen (siehe Bild 2).<\/p>\n

\"Einstellen<\/p>\n

Bild 2: Einstellen der Basiseigenschaften<\/span><\/b><\/p>\n

Kamera-Element hinzufügen<\/h2>\n

Nun empfängt uns die App mit einer neuen, leeren Seite. Hier wollen wir als Erstes ein Kamera<\/b>-Element einfügen. Dazu wählen Sie ganz oben Einfügen aus und aus der nun erscheinenden unteren Menüleiste den Eintrag Medien|Kamera <\/b>(siehe Bild 3).<\/p>\n

\"Hinzufügen<\/p>\n

Bild 3: Hinzufügen des Kamera-Elements<\/span><\/b><\/p>\n

Diese erscheint dann als schwarzer Bereich mit dem Text Ihre Kamera ist nicht eingerichtet, oder Sie verwenden sie bereits<\/b>. Diese Meldung erscheint beispielsweise dann, wenn Sie an einem Rechner mit einem Monitor arbeiten, an dem keine Kamera zur Verfügung steht. Das macht das Testen natürlich etwas komplizierter, aber Sie können dann auch direkt am Smartphone testen. Dazu speichern Sie die Anwendung einfach mit dem Menübefehl Datei|Speichern<\/b> und betätigen danach gegebenenfalls noch die Veröffentlichen<\/b>-Schaltfläche.<\/p>\n

Nachdem wir die App dann mangels Smartphone in der PowerApps-App gestartet haben, erscheint immerhin ein Bildschirm, der die Vorschau der Kamera anzeigt. Allerdings finden wir hier keinerlei weitere Bedienelemente wie etwa einen Auslöser oder zum Zoomen. Und auch das Zoomen durch größer- oder kleiner ziehen des Motivs funktioniert nicht. Also benötigen wir wohl noch weitere Elemente, um unsere erste Aufnahme zu schießen.<\/p>\n

Testen mit Kamera<\/h2>\n

Vorab der Hinweis, dass das Entwickeln einer PowerApp mit Kamerafunktion auf einem Rechner ohne angeschlossene Kamera keinen Spaß macht. Sie können die vielen Features, die zur Entwurfszeit zur Verfügung stehen, schlicht nicht nutzen – unter anderem die direkte Anzeige der geschossenen Fotos in der zum Ablegen verwendeten Collections.<\/p>\n

Auslösen per Klick auf das Bild<\/h2>\n

Die einfachste Möglichkeit, ein Foto aufzunehmen, ist ein Klick direkt auf das Kamera-Steuerelement. Dazu fügen Sie der Eigenschaft OnSelect <\/b>des Kamera-Steuerelements im Bereich Erweitert <\/b>der Eigenschaften den folgenden Wert hinzu:<\/p>\n

ClearCollect(colFotos;Camera1.Photo)<\/pre>\n
Dabei ist colFotos <\/b>eine Sammlung, die direkt nach dem Aufnehmen des ersten Fotos erstellt wird und Camera1 <\/b>ist der Name unseres Kamera-Steuerelements. Während des Entwurfs können Sie die Sammlung einsehen, indem Sie oben im Menü den Eintrag Ansicht <\/b>auswählen und dann auf Sammlungen <\/b>klicken. Nach dem Aufnehmen eines ersten Fotos erscheint dieses dann in der Sammlung (siehe Bild 4). Allerdings finden wir dort immer nur das zuletzt aufgenommene Foto vor. Wie können wir mehrere Fotos anzeigen beziehungsweise diese überhaupt erst der Sammlung hinzufügen Wir haben schlicht die falsche Methode verwendet. ClearCollect <\/b>leert die Sammlung und fügt dann das aktuelle Foto ein. Mit der folgenden Anweisung fügen wir weitere Bilder zur Sammlung hinzu:<\/p>\n
\"Anzeige<\/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