Bagikan melalui

Kontrol Gambar di Power Apps

  • Artikel

Kontrol yang menampilkan gambar, misalnya dari file lokal atau sumber data.

KETERANGAN

Jika Anda menambahkan satu atau beberapa kontrol Gambar ke aplikasi, Anda dapat menampilkan setiap gambar yang bukan merupakan bagian dari himpunan data atau Anda dapat menggabungkan gambar dari rekaman dalam sumber data.

Properti kunci

Gambar – Nama atau URL gambar yang muncul pada kontrol gambar, audio, atau mikropon.

Catatan

  • Gunakan HTTPS untuk semua gambar eksternal untuk memastikan kompatibilitas dengan browser modern.
  • Gambar eksternal harus dapat diakses secara anonim (tanpa otentikasi).

Properti tambahan

AccessibleLabel – Label untuk pembaca layar.

ApplyEXIFOrientation – Mengatur apakah akan secara otomatis menerapkan orientasi yang ditetapkan dalam data EXIF yang disematkan dengan gambar.

AutoDisableOnSelect – Secara otomatis mematikan kontrol saat perilaku OnSelect dieksekusi.

BorderColor – Warna batas kontrol.

BorderStyle – Mengatur apakah batas kontrol Solid, Putus-Putus, Bertitik, atau Tidak Ada.

BorderThickness – Ketebalan batas kontrol.

CalculateOriginalDimensions – Mengaktifkan properti OriginalHeight dan OriginalWidth.

DisplayMode – Mengatur apakah kontrol memungkinkan pengguna untuk menginput (Edit), hanya menampilkan data (Tampilkan), atau dinonaktifkan (Nonaktif).

DisabledBorderColor – Warna batas kontrol, jika properti DisplayMode dari kontrol diatur ke Nonaktif.

DisabledFill – Warna latar belakang, jika properti DisplayMode diatur ke Nonaktif.

Fill – Warna latar belakang kontrol.

FlipHorizontal – Mengatur apakah akan membalik gambar secara horizontal sebelum menampilkannya.

FlipVertical – Mengatur apakah akan membalik gambar secara vertikal sebelum menampilkannya.

FocusedBorderColor – Warna batas kontrol saat kontrol difokuskan.

FocusedBorderThickness – Ketebalan batas kontrol saat kontrol difokuskan.

Height – Jarak antara tepi atas dan bawah kontrol.

HoverBorderColor – Warna batas kontrol saat pengguna mengarahkan penunjuk mouse ke atas kontrol tersebut.

HoverFill – Warna latar kontrol saat pengguna mengarahkan penunjuk mouse di atasnya.

ImagePosition – Posisi (Isi, Cocokkan, Rentang, Himpit, atau Pusatkan) gambar dalam layar atau kontrol, jika ukurannya tidak sama dengan gambar.

ImageRotation – Mengatur cara memutar gambar sebelum menampilkannya. Nilai bisa berupa tidak ada, searah jarum jam (CW) 90 derajat, berlawanan jarum jam (CCW) 90 derajat, dan searah jarum jam 180 derajat.

OnSelect – Tindakan untuk dilakukan ketika pengguna mengetuk atau mengeklik kontrol.

OriginalHeight – Tinggi asli sebuah gambar yang diaktifkan dengan properti CalculateOriginalDimensions.

OriginalWidth – Lebar asli sebuah gambar yang diaktifkan dengan properti CalculateOriginalDimensions.

PaddingBottom – Jarak antara teks di kontrol dan tepi bawah kontrol tersebut.

PaddingLeft – Jarak antara teks di kontrol dan tepi kiri kontrol tersebut.

PaddingRight – Jarak antara teks di kontrol dan tepi kanan kontrol tersebut.

PaddingTop – Jarak antara teks di kontrol dan tepi atas kontrol tersebut.

PressedBorderColor – Warna batas kontrol saat pengguna mengetuk atau mengklik kontrol tersebut.

PressedFill – Warna latar kontrol saat pengguna mengetuk atau mengeklik kontrol tersebut.

RadiusBottomLeft – Sudut kebulatan sudut kiri bawah kontrol.

RadiusBottomRight – Sudut kebulatan sudut kanan bawah kontrol.

RadiusTopLeft – Sudut kebulatan sudut kiri atas kontrol.

RadiusTopRight – Sudut kebulatan sudut kanan atas kontrol.

TabIndex – Perintah navigasi keyboard terkait dengan kontrol lainnya.

Tooltip – Teks penjelasan yang muncul ketika pengguna mengarahkan mouse ke atas kontrol.

Transparency – Derajat ketampakan kontrol di belakang gambar. Nilai desimal berkisar dari 0 hingga 1. Dimana 0 adalah buram, 0,5 bersifat semi transparan dan 1 adalah transparan.

Visible – Mengatur apakah kontrol akan muncul atau tersembunyi.

Width – Jarak antara tepi kiri dan kanan kontrol.

X – Jarak antara tepi kiri kontrol dan tepi kiri wadah induknya (layar, jika tidak ada wadah induk).

Y – Jarak antara tepi atas dan tepi atas wadah induk (layar, jika tidak ada wadah induk).

Remove( DataSource, ThisItem )

Contoh

Menampilkan gambar dari file lokal

  1. Pada menu File, klik atau ketuk Media, lalu klik atau ketuk Telusuri.

  2. Klik atau ketuk file gambar yang ingin ditambahkan, klik atau ketuk Buka, lalu tekan Esc untuk kembali ke ruang kerja default.

  3. Tambahkan kontrol Image dan atur properti Gambar ke nama file yang Anda tambahkan.

    Anda tidak tahu cara menambahkan dan mengonfigurasi kontrol?

    Kontrol Gambar menampilkan gambar yang Anda tetapkan.

Menampilkan serangkaian gambar dari sumber data

  1. Unduh file Excel ini, dan simpan di perangkat lokal Anda.

  2. Di Power Apps Studio, buat atau buka aplikasi, lalu klik atau ketuk Tambah sumber data di panel sisi kanan.

    Jika Tambah sumber data tidak muncul di panel sisi kanan, klik atau ketuk layar di bilah navigasi kiri.

  3. Klik atau ketuk Tambah data statis ke aplikasi Anda, klik atau ketuk file Excel yang Anda unduh, lalu klik atau ketuk Buka.

  4. Pilih kotak centang Flooring Estimates, lalu klik atau ketuk Sambungkan.

  5. Tambahkan kontrol Galeri dengan gambar dan atur properti Items menjadi FlooringEstimates.

    Anda tidak tahu cara menambahkan dan mengonfigurasi kontrol?

    Kontrol Galeri menampilkan gambar produk karpet, kayu keras, dan ubin berdasarkan tautan dalam file Excel yang Anda unduh.

Panduan aksesibilitas

Kontras warna

  • Persyaratan kontras warna standar berlaku, jika grafik digunakan sebagai tombol.
  • Pertimbangkan untuk memeriksa masalah kontras di dalam gambar, jika gambar tersebut tidak murni dekoratif.

Dukungan pembaca layar

  • AccessibleLabel harus diatur untuk grafis penting.

  • Jika grafis untuk hiasan atau memberikan informasi yang berlebihan, biarkan AccessibleLabel kosong atau atur ke string kosong "". Pembaca layar akan mengabaikan grafis ini.

Contohnya, Anda dapat menempatkan Gambar gembok di sebelah Label yang menyatakan Formulir ini tidak dapat dimodifikasi. Anda tidak memerlukan AccessibleLabel untuk gambar karena Label sudah menjelaskan artinya.

Penting

Bila TabIndex nol atau lebih besar, Gambar akan menjadi tombol. Tampilannya tidak berubah, namun pembaca layar akan memperlakukannya sebagai tombol. Mereka tidak akan mengabaikan kontrol, meskipun AccessibleLabel kosong.

Dukungan keyboard

  • TabIndex harus nol atau lebih besar, jika grafis digunakan sebagai tombol. Selanjutnya, pengguna keyboard dapat menelusuri ke keyboard.

  • Indikator fokus harus terlihat jelas, jika grafis digunakan sebagai tombol. Gunakan FocusedBorderColor dan FocusedBorderThickness untuk mencapai hasil ini.

Catatan

Apa bahasa dokumentasi yang Anda inginkan? Lakukan survei singkat. (perlu diketahui bahwa survei ini dalam bahasa Inggris)

Survei akan berlangsung kurang lebih selama tujuh menit. Tidak ada data pribadi yang dikumpulkan (pernyataan privasi).