Obrazy PowerApps połączone z wejściami pióra, aparatu i przesyłania zdjęć

W tym samouczku omówimy obrazy PowerApps i inne elementy multimedialne, które możemy dodać do naszej aplikacji.

Istnieje długa lista elementów multimedialnych, które mogą poprawić wrażenia każdego użytkownika końcowego.

Na razie skupimy się na PowerApps Images i na tym, jak może współpracować z takimi elementami, jak wprowadzanie piórem, kamera lub dodawanie obrazu.

Wspaniałą rzeczą w PowerApps jest to, że większość elementów działa w podobny sposób. Nawet jeśli nie omówimy niektórych innych elementów w tym samouczku, każdy będzie mógł łatwo dowiedzieć się, jak z nich korzystać.

Ponadto dokumentacja Microsoft PowerApps obejmuje wszystko, co trzeba wiedzieć o tych elementach. Możesz więc przejść do tego dokumentu i znaleźć to, czego potrzebujesz.

Spis treści

• Praca z obrazami PowerApps
• Dodawanie obrazów PowerApps ze źródła danych
• Używanie Obrazu Z Wejściem Pióra
• Używanie obrazu z wejściem kamery
• Używanie obrazu z elementem Dodaj obraz
• Wniosek

Praca z obrazami PowerApps

Zacznijmy od przyjrzenia się, czym są obrazy PowerApps.

Element obrazu ma wiele właściwości, do których możemy uzyskać dostęp w prawym okienku, takich jak przezroczystość, widoczność, położenie, rozmiar i wiele innych.

Istnieje wiele sposobów wykorzystania elementu obrazu. Możesz go użyć na przykład do wyświetlania logo firmy w swojej aplikacji. Możesz go również użyć, jeśli nie możesz znaleźć odpowiedniej ikony spośród domyślnych ikon wbudowanych w PowerApps. Na przykład, jeśli nie podoba Ci się wygląd ikony wyszukiwania PowerApps, możesz przesłać inną ikonę pobraną z innego miejsca i użyć jej zamiast tego.

Dodawanie obrazów PowerApps ze źródła danych

Gdy dodasz element obrazu, będzie on wyglądał jak pusta ramka na ekranie. Od Ciebie zależy wypełnienie tego rzeczywistym obrazem.

Jednym ze sposobów dodania obrazu do ramki byłaby karta Media w lewym menu.

Aby przesłać obraz ze swoich plików, po prostu kliknij Prześlij.

Pojawi się okno, w którym możesz wybrać obraz z plików. Na razie użyjmy tego zdjęcia orła.

Teraz możesz zobaczyć ten plik na liście Media w lewym okienku. Jak widać, nie wypełnia automatycznie ramki z elementu obrazu.

Ponieważ mamy już plik obrazu na liście, możemy go po prostu kliknąć, a obraz pojawi się na ekranie.

Ale najlepszym sposobem na to byłoby przejście do prawego panelu i wybranie go z listy obrazów.

Po wybraniu pliku z listy rozwijanej automatycznie wypełni on ramkę.

Używanie Obrazu Z Wejściem Pióra

Wielką zaletą obrazów PowerApps jest to, że mogą one współpracować z innymi elementami PowerApps. Przyjrzyjmy się, jak element obrazu i wprowadzanie piórem mogą ze sobą współpracować.

Wejście piórem umożliwia użytkownikom rysowanie lub pisanie czegoś w Twojej aplikacji.

Może to być przydatne zwłaszcza wtedy, gdy potrzebujesz, aby użytkownicy podpisali lub napisali coś na ekranie.

Wspaniałą rzeczą w tym wejściu jest to, że możesz zapisać wszystko, co użytkownik napisał na ekranie jako obraz, a następnie zapisać to w katalogu plików. Jest to szczególnie przydatne, jeśli potrzebne są kopie podpisów użytkowników jako dowód zgody na warunki korzystania z usługi lub w innym podobnym przypadku.

Zobaczmy, jak możemy to zrobić. Więc patrząc na lewy panel, widzimy, że pracujemy z PenInput4.

Teraz zaznaczmy element image i ustawmy właściwość Image na PenInput4.Image.

W ten sposób element obrazu po prawej stronie wyświetla teraz dokładnie to, co użytkownik pisze na ekranie pióra. Za każdym razem, gdy dodają coś do tego, co piszą, element obrazu po prawej stronie również się aktualizuje.

Używanie obrazu z wejściem kamery

Kolejnym elementem, który dobrze współpracuje z elementem obrazu, jest wejście kamery. Zasadniczo aktywuje aparat urządzenia i pozwala użytkownikowi robić zdjęcia bezpośrednio z aplikacji.

Gdy elementy aparatu i obrazu są używane razem, możliwe jest zrobienie zdjęcia za pomocą elementu aparatu i wyświetlenie tego samego zdjęcia w elemencie obrazu. Stamtąd możemy zapisać obraz w galerii aplikacji lub użyć go na innych ekranach w aplikacji.

Aby to zrobić, wystarczy zaznaczyć element obrazu i uczynić go odpowiednikiem Camera2.Photo.

Po wykonaniu tej czynności element obrazu wyświetli dowolne zdjęcie wykonane przez funkcję aparatu.

Istnieje wiele przydatnych aplikacji do tego. Na przykład możesz poprosić użytkowników o zrobienie własnego zdjęcia i zapisanie go w aplikacji w celu identyfikacji. Element obrazu nie musi nawet znajdować się na tym samym ekranie. Możesz mieć funkcję aparatu na jednym ekranie, a element obrazu na innym.

Używanie obrazu z elementem Dodaj obraz

Załóżmy, że niektórzy użytkownicy nie chcą włączać aparatu w celu zrobienia zdjęcia i wolą użyć zdjęcia zapisanego na urządzeniu. W takim przypadku możliwe jest również użycie elementu dodawania obrazu, aby zapewnić im tę możliwość.

Element dodawania obrazu pozwala użytkownikom otworzyć katalog plików i wybrać zdjęcie, które chcą przesłać do aplikacji.

Więc jeśli jesteśmy użytkownikiem końcowym, możemy wybrać zdjęcie orła, które automatycznie pojawi się na ekranie.

Teraz sprawmy, aby nasz element obrazu wyświetlał to samo zdjęcie, które przesyła użytkownik. Podświetlimy element obrazu i uczynimy go odpowiednikiem UploadedImage3.Image.

Po ustawieniu tej formuły element obrazu będzie teraz wyświetlał dowolne zdjęcie przesłane przez użytkownika za pomocą funkcji dodawania obrazu.

Wprowadzenie do Power Apps: definicja, funkcje, funkcje i znaczenie
Środowiska Power Apps: prawidłowe konfigurowanie elementów aplikacji
Funkcje i formuły PowerApps | Wstęp

Wniosek

Obrazy PowerApps naprawdę mogą sprawić, że każda aplikacja będzie bardziej wciągająca i funkcjonalna dla każdego użytkownika. Nie ma nawet znaczenia, jaki jest ogólny cel aplikacji.

Jest jeszcze więcej możliwości, gdy element obrazu jest używany z innymi elementami multimedialnymi, takimi jak te, które omówiliśmy w tym samouczku. Ułatwia użytkownikom końcowym korzystanie z aplikacji tak, jak chcą.

Wszystkiego najlepszego,

Henz