Udostępnij przez

Kontrolka obrazu w usłudze Power Apps

Kontrolka przedstawiająca obraz z pliku lokalnego lub źródła danych.

Description

Jeśli do aplikacji dodasz co najmniej jedną kontrolkę Obraz , możesz wyświetlić poszczególne obrazy, które nie są częścią zestawu danych, lub dołączyć obrazy z rekordów w źródłach danych.

Właściwości klucza

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

Uwaga / Notatka

  • 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 automatycznie zastosować orientację określoną w danych EXIF osadzonych na obrazie.

AutoDisableOnSelect — automatycznie wyłącza kontrolkę podczas wykonywania zachowania OnSelect.

BorderColor — kolor obramowania kontrolki.

BorderStyle — czy obramowanie kontrolki to Solid, Dashed, Dotted lub None.

BorderThickness — grubość obramowania kontrolki.

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

DisplayMode — określa, czy kontrolka zezwala na wprowadzanie danych przez użytkownika (Edycja), wyświetla tylko dane (Widok) 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 jego wyświetleniem.

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

FocusedBorderColor — kolor obramowania kontrolki, gdy kontrolka jest skoncentrowana.

FocusedBorderThickness — grubość obramowania kontrolki, gdy kontrolka jest skoncentrowana.

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

HoverBorderColor — kolor obramowania kontrolki, gdy użytkownik utrzymuje wskaźnik myszy na tej kontrolce.

HoverFill — kolor tła kontrolki, gdy użytkownik utrzymuje na niej wskaźnik 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 obrócić obraz przed jego wyświetleniem. Wartości mogą być żadne, zgodnie z ruchem wskazówek zegara (CW) 90 stopni, 90 stopni w kierunku przeciwnym do ruchu wskazówek zegara (CCW) i 180 stopni.

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

OriginalHeight — oryginalna wysokość obrazu z włączoną właściwością CalculateOriginalDimensions .

OriginalWidth — oryginalna szerokość obrazu z włączoną 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 obramowania kontrolki, gdy użytkownik naciśnie lub kliknie kontrolkę.

PressedFill — kolor tła kontrolki, gdy użytkownik naciśnie lub kliknie 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.

Etykietka narzędzia — tekst objaśniający wyświetlany po umieszczeniu wskaźnika myszy na kontrolce.

Przezroczystość — stopień, w jakim kontrolki za obrazem pozostają widoczne. Wartości dziesiętne wahają się od 0 do 1. Gdzie wartość 0 jest nieprzezroczysta, wartość 0,5 jest półprzezroczysta i 1 jest przezroczysta.

Visible — określa, czy kontrolka jest wyświetlana, 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ą kontenera nadrzędnego (ekran, jeśli nie ma kontenera nadrzędnego).

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

Remove( Źródło danych, ThisItem )

Przykłady

Pokazywanie obrazu z pliku lokalnego

  1. W menu Plik kliknij lub naciśnij pozycję Nośnik, a następnie kliknij lub naciśnij 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 Esc, aby powrócić do domyślnego obszaru roboczego.

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

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

    Kontrolka Obraz pokazuje określony obraz.

Pokazywanie zestawu obrazów ze źródła danych

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

  2. W programie 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 dodawanie źródła danych nie jest wyświetlane w okienku po prawej stronie, kliknij lub naciśnij ekran na pasku nawigacyjnym po lewej stronie.

  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 Flooring Estimates (Szacowanie podłóg ), 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ę?

    Kontrolka Galeria pokazuje obrazy produktów dywanowych, drewna twardego i kafelków na podstawie linków w pobranym pliku programu Excel.

Wytyczne dotyczące ułatwień dostępu

Kontrast kolorów

Obsługa czytników ekranu

  • Właściwość AccessibleLabel musi być ustawiona dla ważnej grafiki.

  • Jeśli grafika jest do dekoracji lub zawiera nadmiarowe informacje, pozostaw wartość AccessibleLabel pustą lub ustaw ją na pusty ciąg "". Czytniki zawartości ekranu zignorują te grafiki.

Możesz na przykład umieścić obraz kłódki obok etykiety z informacją, że nie można zmodyfikować tego formularza. Nie potrzebujesz etykiety AccessibleLabel dla obrazu, ponieważ etykieta już wyjaśnia jego znaczenie.

Ważne

Gdy właściwość TabIndex ma wartość zero lub większą, obraz staje się przyciskiem. Jego wygląd nie zmienia się, ale czytniki ekranu traktują go jako przycisk. Nie będą ignorować kontrolki, nawet jeśli element AccessibleLabel jest pusty.

Obsługa klawiatury

  • Last updated on