Kontrolka Obraz w Power Apps

Kontrolka umożliwiająca wyświetlanie obrazu, który znajduje się na przykład w lokalnym pliku lub źródle danych.

Opis

Dodanie co najmniej jednej kontrolki Obraz do aplikacji pozwala wyświetlać pojedyncze obrazy, które nie należą do zestawu danych, lub dołączać obrazy z rekordów w źródłach danych.

Kluczowe właściwości

Obraz — nazwa lub URL obrazu wyświetlanego w kontrolce obrazu, dźwięku lub mikrofonu.

Uwaga

  • Użyj protokołu HTTPS dla wszystkich obrazów zewnętrznych, aby zapewnić zgodność z nowoczesnymi przeglądarkami.
  • Obrazy zewnętrzne muszą być dostępne anonimowo (bez uwierzytelniania).

Dodatkowe właściwości

AccessibleLabel – etykieta dla czytników zawartości ekranu.

ApplyEXIFOrientation — czy należy automatycznie stosować orientację określoną w danych EXIF osadzonych w obrazie.

AutoDisableOnSelect — automatycznie wyłącza kontrolkę, gdy działanie OnSelect jest w toku.

BorderColor – kolor obramowania kontrolki.

BorderStyle – rodzaj obramowania kontrolki: Ciągłe, Kreskowane, Kropkowane lub Brak.

BorderThickness – grubość obramowania kontrolki.

CalculateOriginalDimensions — włącza właściwości OriginalHeight i OriginalWidth.

DisplayMode – czy kontrolka zezwala na wprowadzanie danych wejściowych przez użytkownika (Edytuj), czy tylko wyświetla dane (Wyświetl) lub jest wyłączona (Wyłączone).

DisabledBorderColor – kolor obramowania kontrolki, jeśli właściwość DisplayMode kontrolki jest ustawiona na wartość Wyłączone.

DisabledFill – kolor tła kontrolki, jeśli jej właściwość DisplayMode jest ustawiona na wartość Wyłączone.

Fill – kolor tła kontrolki.

FlipHorizontal — czy przerzucić obraz w poziomie przed wyświetleniem go.

FlipVertical — czy przerzucić obraz w pionie przed wyświetleniem go.

FocusedBorderColor – kolor obramowania kontrolki z fokusem.

FocusedBorderThickness – grubość obramowania kontrolki z fokusem.

Height – odległość między górną i dolną krawędzią kontrolki.

HoverBorderColor – kolor obramowania kontrolki po umieszczeniu na niej wskaźnika myszy.

HoverFill – kolor tła kontrolki po umieszczeniu na niej wskaźnika myszy.

ImagePosition pozycja (Wypełnij, Dopasuj, Rozciągnij, Kafelek lub Wyśrodkuj) obrazu na ekranie lub kontrolce, jeśli nie ma ona takiego samego rozmiaru jak obraz.

ImageRotation — jak należy obrócić obraz przed wyświetleniem go. Możliwe wartości to brak obrotu, 90 stopni zgodnie z ruchem wskazówek zegara, 90 stopni przeciwnie do ruchu wskazówek zegara oraz 180 stopni zgodnie z ruchem wskazówek zegara.

OnSelect — akcje do wykonania po naciśnięciu lub kliknięciu formantu przez użytkownika.

OriginalHeight — wysokość oryginalnego obrazu, włączana za pomocą właściwości CalculateOriginalDimensions.

OriginalWidth — szerokość oryginalnego obrazu, włączana za pomocą właściwości CalculateOriginalDimensions.

PaddingBottom — odległość między tekstem w kontrolce a dolną krawędzią tej kontrolki.

PaddingLeft — odległość między tekstem w kontrolce a lewą krawędzią tej kontrolki.

PaddingRight — odległość między tekstem w kontrolce a prawą krawędzią tej kontrolki.

PaddingTop — odległość między tekstem w kontrolce a górną krawędzią tej kontrolki.

PressedBorderColor — kolor krawędzi kontrolki, gdy użytkownik naciśnie lub kliknie tę kontrolkę.

PressedFill — kolor tła kontrolki, gdy użytkownik naciśnie lub kliknie tę kontrolkę.

RadiusBottomLeft — stopień zaokrąglenia lewego dolnego rogu kontrolki.

RadiusBottomRight — stopień zaokrąglenia prawego dolnego rogu kontrolki.

RadiusTopLeft — stopień zaokrąglenia lewego górnego rogu kontrolki.

RadiusTopRight — stopień zaokrąglenia prawego górnego rogu kontrolki.

TabIndex — kolejność nawigacji za pomocą klawiatury w odniesieniu do innych kontrolek.

Tooltip – tekst objaśnienia wyświetlany po umieszczeniu wskaźnika myszy na kontrolce.

Transparency — stopień widoczności kontrolek znajdujących się za obrazem. Wartości dziesiętne należą do zakresu od 0 do 1. Wartość 0 oznacza kontrolki nieprzezroczyste, 0,5 — półprzezroczyste, a 1 — przezroczyste.

Visible – czy kontrolka jest widoczna, czy ukryta.

Width – odległość między lewą i prawą krawędzią kontrolki.

X — odległość między lewą krawędzią kontrolki a lewą krawędzią jej kontenera nadrzędnego (ekranu, jeśli brak kontenera nadrzędnego).

Y — odległość między górną krawędzią kontrolki a górną krawędzią kontenera nadrzędnego (ekranu, jeśli brak kontenera nadrzędnego).

Remove( DataSource, ThisItem )

Przykłady

Wyświetlanie obrazu z lokalnego pliku

  1. W menu Plik kliknij lub naciśnij pozycję Multimedia, a następnie pozycję Przeglądaj.

  2. Kliknij lub naciśnij plik obrazu, który chcesz dodać, kliknij lub naciśnij pozycję Otwórz, a następnie naciśnij klawisz Esc, aby powrócić do domyślnego obszaru roboczego.

  3. Dodaj kontrolkę Obraz i ustaw jej właściwość Obraz na nazwę dodanego pliku.

    Nie wiesz, jak dodać i skonfigurować kontrolkę?

    Kontrolka Obraz pozwala wyświetlić wskazany obraz.

Wyświetlanie zestawu obrazów ze źródła danych

  1. Pobierz ten plik programu Excel i zapisz go na swoim urządzeniu.

  2. W Power Apps Studio utwórz lub otwórz aplikację, a następnie kliknij lub naciśnij pozycję Dodaj źródło danych w okienku po prawej stronie.

    Jeśli nie widać pozycji Dodaj źródło danych w okienku po prawej stronie, kliknij lub naciśnij ekran na lewym pasku nawigacyjnym.

  3. Kliknij lub naciśnij pozycję Dodaj dane statyczne do aplikacji, kliknij lub naciśnij pobrany plik programu Excel, a następnie kliknij lub naciśnij pozycję Otwórz.

  4. Zaznacz pole wyboru Szacowaniedolnych limitów, a następnie kliknij lub naciśnij pozycję Połącz.

  5. Dodaj kontrolkę Galeria z obrazami i ustaw jej właściwość Items na FlooringEstimates.

    Nie wiesz, jak dodać i skonfigurować kontrolkę?

    Na podstawie linków znajdujących się w pobranym pliku programu Excel w kontrolce Galeria zostaną wyświetlone obrazy produktów obejmujących dywany, drewno twarde i kafelki.

Wytyczne dotyczące ułatwień dostępu

Kontrast kolorów

Obsługa czytników ekranu

  • AccessibleLabel musi być ustawiona dla ważnych grafik.

  • Jeśli grafika służy do dekoracji lub dostarcza zbędnych informacji, pozostaw AccessibleLabel pustą lub ustaw ją na pusty ciąg "" . Czytniki ekranu zignorują te elementy graficzne.

Na przykład, możesz umieścić Obraz kłódki obok Etykieta z napisem Ten formularz nie może być modyfikowany. Nie potrzebujesz AccessibleLabel dla obrazka, ponieważ Etykieta już wyjaśnia jego znaczenie.

Ważne

Gdy właściwość TabIndex ma wartość zero lub większą, kontrolka Obraz staje się przyciskiem. Wygląd nie zmieni się, ale czytniki ekranów będą go traktować jako przycisk. Nie zignorują formantu, nawet jeśli AccessibleLabel będzie puste.

Obsługa klawiatury

  • Jeśli element graficzny jest używany jako przycisk, właściwość TabIndex musi mieć wartość zero lub większą. Użytkownicy korzystający z klawiatury mogą wtedy do niego nawigować.

  • Jeśli element graficzny jest używany jako przycisk, wskaźniki fokusu muszą być wyraźnie widoczne. Aby to osiągnąć, skorzystaj z właściwości FocusedBorderColor i FocusedBorderThickness.

Uwaga

Czy możesz poinformować nas o preferencjach dotyczących języka dokumentacji? Wypełnij krótką ankietę. (zauważ, że ta ankieta jest po angielsku)

Ankieta zajmie około siedmiu minut. Nie są zbierane żadne dane osobowe (oświadczenie o ochronie prywatności).