Kongsi melalui

Tunjuk, isih dan tapis data dalam galeri aplikasi kanvas

  • Artikel

Cipta galeri untuk menunjukkan imej dan teks mengenai beberapa produk dan jenis dan menapis maklumat tersebut.

Dalam Power Apps, anda boleh menggunakan galeri untuk menunjukkan beberapa item berkaitan, sama seperti yang anda lihat dalam katalog. Galeri yang hebat untuk menunjukkan maklumat mengenai produk, seperti nama dan harga. Dalam topik ini, kami mencipta galeri dan mengisih dan menapis maklumat menggunakan fungsi seperti Excel. Juga, apabila item dipilih, sempadan diletakkan di sekeliling item.

Nota

Topik ini menggunakan aplikasi tablet. Anda boleh menggunakan aplikasi telefon, tetapi anda akan perlu mengubah saiz sesetengah kawalan.

Prasyarat

  • Daftar masuk untuk Power Apps, dan kemudian daftar masuk menggunakan kelayakan yang sama dengan yang anda gunakan untuk mendaftar.
  • Cipta aplikasi tablet daripada templat, daripada data atau dari awal.
  • Ketahui cara untuk mengkonfigurasi kawalan.
  • Langkah ini menggunakan CreateFirstApp sebagai data input sampel, yang termasuk imej .jpg. Fail zip termasuk fail XML yang boleh ditukar ke Excel. Jika tidak, Power Apps secara automatik membaca fail dalam fail .zip dan mengimportnya dengan jayanya. Anda boleh memuat turun dan menggunakan data sampel ini, atau mengimport sendiri.

  1. Cipta koleksi yang dinamakan Inventori menggunakan data sampel. Langkah-langkah termasuk:

    1. Pada tab Sisipkan, pilih Kawalan, dan kemudian pilih Import:

      Sisipkan kawalan

    2. Tetapkan sifat OnSelect kawalan import ke formula berikut:
      Collect(Inventory, Import1.Data)

      Sifat OnSelect

    3. Pilih butang Import data untuk membuka Windows Explorer. Pilih CreateFirstApp.zipdan pilih Buka.

    4. Dalam menu Fail, pilih Koleksi. Koleksi Inventori yang akan disenaraikan dengan data carta yang anda import:

      Koleksi - fail

      Anda baru sahaja mencipta koleksi Inventori, yang mengandungi maklumat mengenai lima produk, termasuk imej reka bentuk, nama produk, dan bilangan unit dalam stok.

      Nota

      Kawalan Import digunakan untuk mengimport data seperti Excel dan mencipta koleksi. Kawalan import data mengimport apabila anda mencipta aplikasi anda dan pratonton aplikasi anda. Pada masa ini, kawalan import tidak mengimport data apabila anda menerbitkan aplikasi anda.

  2. Pilih anak panah kembali untuk kembali ke senarai pereka.

  3. Dalam tab Masukkan, klik atau ketik Galeri, dan kemudian klik atau ketik galeri Melintang.

    Melintang - galeri

  4. Dalam anak tetingkap sebelah kanan, klik atau ketik pilihan yang tajuk dan sari kata grafik:

    Tataletak

  5. Tetapkan sifat Item galeri ke Inventori:

    Tataletak galeri

  6. Namakan semula galeri untuk mengeluarkan ProductGallerydan menggerakkan galeri supaya ia tidak menghalang kawalan yang lain. Ubah saiz galeri supaya ia menunjukkan tiga produk:

    Namakan semula galeri

  7. Dalam item pertama galeri, pilih label bawah:

    Aplikasi dengan galeri

    Nota

    Apabila anda mengubah item pertama dalam sebarang galeri, anda akan mengubah semua item lain secara automatik dalam galeri itu.

  8. Tetapkan sifat Teks label kepada ungkapan ini:
    ThisItem.UnitsInStock

    Apabila anda melakukan ini, label menunjukkan unit dalam stok untuk setiap produk:

Stok untuk setiap produk

Nota

Secara lalai, sifat Text label atas ditetapkan kepada ThisItem.ProductName. Anda boleh mengubahnya kepada item lain dalam koleksi anda. Contohnya, jika koleksi anda mempunyai ProductDescription atau medan Harga anda boleh menetapkan label kepada ThisItem.ProductDescription atau ThisItem.Price.

Menggunakan langkah ini, anda mengimport data yang termasuk imej .jpg ke dalam koleksi. Anda kemudian menambahkan galeri yang memaparkan data dan mengkonfigurasi label untuk menunjukkan unit dalam stok untuk setiap produk.

  1. Pilih sebarang item yang ada di dalam galeri itu kecuali yang pertama. Papar ikon edit (penjuru kiri atas). Pilih ikon edit:
    Sunting

  2. Pada tab Masukkan, pilih Bentuk, dan kemudian pilih segi empat tepat. Satu segi empat berwarna biru kelihatan dalam setiap item galeri.

  3. Pada tab Utama, pilih Isi dan kemudian pilih Tiada Isi.

  4. Pilih Sempadan, pilih Gaya sempadan dan kemudian pilih garis pepejal.

  5. Pilih Sempadan semula, dan tetapkan ketebalan kepada 3. Saiz segi empat tepat supaya ia mengelilingi item galeri. Item dalam galeri anda kini mempunyai sempadan biru dan kelihatan serupa dengan yang berikut:
    Pilih sempadan

  6. Pada tab Bentuk, pilih Boleh dilihat dan kemudian masukkan formula berikut dalam bar formula:

    If(ThisItem.IsSelected, true)

    Segi empat tepat biru mengelilingi pilihan semasa di galeri. Pilih beberapa item galeri untuk mengesahkan bahawa segi empat tepat kelihatan pada setiap item yang anda pilih. Ingat, anda juga boleh membuka Pratonton Butang pratonton untuk melihat dan menguji yang anda ciptakan.

Tip

Pilih segi empat tepat, pilih Susun semula pada tab Utama dan kemudian pilih Hantar ke Kembali. Menggunakan ciri ini, anda boleh memilih item galeri tanpa sempadan menghalang apa-apa.

Menggunakan langkah ini, anda menambah sempadan dalam pemilihan semasa dalam galeri.

Dalam langkah ini, kami akan mengisih item galeri dalam urutan menaik dan menurun. Selain itu, kami akan menambahkan kawalan gelangsar kepada item galeri 'penapis' oleh unit dalam stok yang anda pilih.

Isih mengikut urutan menaik atau menurun

  1. Pilih sebarang item yang ada di dalam galeri itu kecuali yang pertama.

  2. Sifat Item pada masa ini disetkan kepada Inventori (nama koleksi anda). Menukarnya kepada perkara berikut:

    Sort(Inventory, ProductName)

    Apabila anda lakukan ini, item dalam galeri diisih mengikut nama produk dalam tertib menaik: Galeri telah diisih

    Cuba urutan menurun. Tetapkan sifat Item galeri dengan formula berikut:

    Sort(Inventory, ProductName, Descending)

  1. Tambah kawalan Gelangsar (tab Masukkan > Kawalan), namakannya kepada StockFilter, dan memindahkannya di bawah galeri.

  2. Konfigurasikan gelangsar supaya pengguna tidak boleh menetapkannya kepada nilai di luar julat unit dalam stok:

    1. Pada tab Kandungan, pilih Min dan kemudian masukkan ungkapan berikut:
      Min(Inventory, UnitsInStock)
    2. Pada tab Kandungan, pilih Maks dan kemudian masukkan ungkapan berikut:
      Max(Inventory, UnitsInStock)

  3. Pilih sebarang item yang ada di dalam galeri itu kecuali yang pertama. Tetapkan sifat Item galeri untuk ungkapan berikut:
    Filter(Inventory, UnitsInStock<=StockFilter.Value)

  4. Dalam Pratonton, laraskan gelangsar kepada nilai yang antara yang paling tinggi dan kuantiti terendah dalam galeri. Apabila anda melaraskan gelangsar, galeri menunjukkan hanya produk yang kurang daripada nilai yang anda pilih:
    Galeri pratonton dengan nilai gelangsar

Sekarang, mari kita tambah ke penapis kami:

  1. Kembali kepada pereka.
  2. Pada tab Masukkan, pilih Teks, pilih Input Teks dan namakan semula kawalan baru untuk NameFilter. Gerakkan kawalan teks di bawah gelangsar.
  3. Tetapkan sifat Item galeri untuk ungkapan berikut:
    Filter(Inventory, UnitsInStock<=StockFilter.Value && NameFilter.Text in ProductName)
  4. Dalam Pratonton, tetapkan gelangsar ke 30 dan taip huruf g dalam kawalan input teks. Galeri menunjukkan satu-satunya produk dengan kurang daripada 30 unit dalam stok dan mempunyai nama dengan huruf "g":
    Gelangsar pratonton dengan 30

Petua dan Cara

  • Pada bila-bila masa, anda boleh memilih butang pratonton (Imej butang pratonton) untuk melihat apa yang anda telah ciptakan dan mengujinya.
  • Apabila mereka bentuk aplikasi anda, anda boleh saiz semula kawalan dan memindahkannya menggunakan klik dan seret.
  • Tekan ESC atau pilih X untuk menutup tetingkap pratonton.
  • Apabila menggunakan galeri, pilih item pertama dalam Galeri untuk mengubah semua item dalam galeri. Sebagai contoh, pilih item pertama untuk menambah sempadan ke semua item dalam galeri.
  • Untuk mengemas kini sifat galeri, pilih sebarang item dalam galeri itu kecuali yang pertama. Contohnya, pilih item kedua untuk mengemas kini Item, ShowScrollbar dan sifat lain yang diguna pakai pada galeri (bukan item dalam galeri itu).

Perkara yang anda pelajari

Dalam topik ini, anda:

  • Mencipta koleksi, data yang diimport yang termasuk imej .jpg ke dalam koleksi tersebut dan menunjukkan data dalam galeri.
  • Di bawah setiap imej dalam galeri, mengkonfigurasi label yang menyenaraikan unit dalam stok untuk item tersebut.
  • Tambah sempadan di sekeliling item yang anda pilih.
  • Diisih item mengikut nama produk dalam urutan menaik dan menurun.
  • Tambah gelangsar dan kawalan teks input untuk menapis produk mengikut unit dalam stok dan nama produk.

Nota

Adakah anda boleh memberitahu kami tentang keutamaan bahasa dokumentasi anda? Jawab tinjauan pendek. (harap maklum bahawa tinjauan ini dalam bahasa Inggeris)

Tinjauan akan mengambil masa lebih kurang tujuh minit. Tiada data peribadi akan dikumpulkan (pernyataan privasi).