Bagikan melalui

Menambahkan layar

  • Artikel

Layar bawaan memungkinkan pembuat untuk dengan mudah membuat aplikasi modern dan responsif dengan memilih layar. Layar dirancang dengan mempertimbangkan skenario dan komposisi aplikasi umum, dan menampilkan kontainer responsif dan kontrol modern.

Tangkapan layar yang menunjukkan opsi tata letak layar baru di Power Apps.

Layar baru berikut tersedia:

Menambahkan layar baru

Saat menambahkan layar baru, Anda juga dapat memilih tata letak layar seperti layar kosong atau terpisah yang disesuaikan dengan ukuran layar yang berbeda.

  1. Masuk ke. Power Apps
  2. Buat aplikasi kanvas dalam format tablet.
  3. Dalam Power Apps Studio, pada bilah perintah, pilih Layar baru, lalu pilih layar.
  4. Setelah selesai, pratinjau aplikasi dan lihat bagaimana aplikasi ditampilkan di perangkat yang berbeda. Informasi selengkapnya, lihat pratinjau aplikasi.

Saat opsi Skala agar sesuai dinonaktifkan , tata letak layar aplikasi akan disesuaikan dengan ukuran layar perangkat yang sedang dijalankan.

Layar Selamat Datang

Layar Selamat Datang ideal untuk layar awal aplikasi. Ini berisi ubin individual yang dapat Anda sesuaikan dengan gambar, judul, dan teks deskripsi. Jumlah ubin di layar dapat dengan mudah diubah dengan menambahkan atau menghapus ubin di dalam wadah tubuh. Setiap ubin dapat digunakan untuk menavigasi pengguna ke bagian lain dari aplikasi.

Layar Selamat Datang berisi kontrol berikut:

  • Penampung header
    • Kop
  • Wadah tubuh
    • Kontainer
      • Penampung gambar
        • Gambar (Klasik)
      • Penampung judul
        • Tombol item fitur
        • SMS

Tambahkan dan sesuaikan layar Selamat Datang

  1. Dalam Power Apps Studio, pilih Tambahkan Layar Selamat> Datang.
  2. Untuk mengubah gambar, pilih gambar, lalu pilih Edit.
  3. Pilih kontrol tombol Item Fitur dan tambahkan teks Anda sendiri.
  4. Pilih Deskripsi singkat atau pesan yang menarik dan edit teks deskripsi.
  5. Untuk menambahkan lebih banyak ubin, dalam tampilan hierarkis, salin dan tempel item Kontainer .
  6. Untuk menghapus ubin, dalam tampilan hierarkis, klik kanan Kontainer dan pilih Hapus.

Gunakan layar header dan galeri untuk menampilkan berbagai informasi produk atau layanan, seperti katalog produk. Saat Anda menyambungkan kontrol galeri ke sumber data, katalog dibuat secara otomatis dengan sedikit penyesuaian yang diperlukan.

Kontrol galeri di layar header dan galeri adalah kontrol klasik. Namun, ketika kontrol galeri modern dirilis, layar Header dan galeri menggunakan kontrol galeri modern. Untuk informasi selengkapnya, lihat Gambaran umum kontrol dan tema modern di aplikasi kanvas.

Layar Header dan galeri berisi kontrol berikut:

  • Kontainer Header
    • Kop
  • Kontainer Utama
    • Galeri (Klasik)
      • Penampung gambar
        • Gambar (Klasik)
    • Penampung judul
      • Teks judul
      • Teks deskripsi
    • Wadah Tombol
      • Button

  1. Dalam Power Apps Studio, pilih Tambahkan Header dan galeri> Layar.

  2. Dalam tampilan hierarkis, pilih Galeri dan sambungkan ke sumber data seperti Dataverse.

  3. Pilih kontrol tertentu di dalam galeri seperti gambar, teks judul, dan deskripsi teks.

    Di properti Gambar, gunakan sintaks ThisItem untuk mengatur gambar yang diinginkan. Terapkan metode yang sama pada teks judul dan deskripsi teks.

Layar permintaan persetujuan

Layar Permintaan persetujuan mencakup header, formulir yang menampilkan tombol kirim, dan galeri dengan tahapan yang telah ditentukan sebelumnya. Layar Permintaan persetujuan berguna dalam skenario di mana tindakan dipicu oleh pengiriman formulir, seperti mengirimkan permintaan persetujuan atau menampilkan proses alur kerja untuk bisnis.

Layar Permintaan persetujuan berisi kontrol berikut:

  • Penampung header
    • Kop
  • Kontainer utama
    • Wadah formulir
      • Teks judul formulir
      • Formulir persetujuan
      • Tombol Kirim
    • Penampung bilah sisi
      • SMS
      • Galeri (Klasik)

Tambahkan dan sesuaikan layar permintaan persetujuan

  1. Di dalam Power Apps Studio, pilih Tambahkan permintaan> Persetujuan Layar.

  2. Dalam tampilan hierarkis, pilih Formulir persetujuan dan sambungkan ke sumber data seperti Dataverse.

  3. Untuk melihat detail tahapan persetujuan, dalam tampilan hierarkis, pilih ReviewerGallery dan di panel properti pilih tab Tingkat Lanjut dan buka Item.

    Detail berikut adalah bagian dari tahap persetujuan:

    • Nama: Nama tahapan atau pemberi persetujuan

    • Judul: Subjudul tahapan atau pemberi persetujuan

    • Status: Status panggung

    • Saat ini: Tahap permintaan persetujuan saat ini

      Anda juga dapat menambahkan Power Automate alur kerja persetujuan di tombol untuk memberi tahu pemberi persetujuan. Untuk informasi selengkapnya, lihat Membuat dan menguji alur kerja persetujuan dengan Power Automate.

Header dan formulir

Layar Header dan formulir berisi header, formulir, dan dua tombol untuk mengirimkan dan membatalkan pengiriman formulir. Layar ini sangat bagus untuk menggunakan bentuk layar lebar.

Layar Header dan formulir berisi kontrol berikut:

  • Penampung header
    • Kop
  • Kontainer utama
    • Wadah formulir
      • Formulir
    • Wadah tombol
      • Tombol batalkan
      • Tombol Kirim

Tambahkan dan sesuaikan layar header dan formulir

  1. Dalam, pilih Power Apps StudioTambahkan Header Layar dan formulir>.
  2. Dalam tampilan hierarkis, pilih Formulir dan sambungkan ke sumber data.
  3. [Opsional] Untuk memastikan responsivitas layar terbaik, pilih setiap kartu data pada formulir dan atur properti Lebar Pas ke Aktif di panel Properti .

Header dan tabel

Layar Header dan tabel berisi dua kontrol, kontrol header dan kontrol tabel. Template ini bagus untuk menampilkan tabel data terperinci di layar.

Layar Header dan tabel berisi kontrol berikut:

  • Penampung header
    • Kop
  • Kontainer utama
    • Table

Tambahkan dan sesuaikan layar header dan tabel

  1. Dalam Power Apps Studio, pilih Tambahkan Header dan tabel> Layar.
  2. Dalam tampilan hierarkis, pilih Tabel dan sambungkan ke sumber data.

Tabel dan formulir

Layar Tabel dan formulir berisi dua kontrol utama: kontrol tabel modern dan kontrol formulir modern. Template ini memiliki rumus bawaan Power Fx untuk memungkinkan koneksi dan penyesuaian data yang mudah. Template ini ideal untuk memilih dan mengedit rekaman menggunakan formulir.

Layar Tabel dan formulir berisi kontrol berikut:

  • Wadah layar
    • Penampung header
      • Kontrol header
    • Wadah tubuh
      • Input teks (Pencarian)
      • Kontrol tabel
      • Kontrol formulir
      • Kancing
        • Baru
        • Edit
        • Delete
        • Kirimkan
        • Batalkan

Tambahkan dan sesuaikan Layar Tabel dan formulir

Dalam Power Apps Studio:

  1. Pilih Tambahkan Tabel Layar>dan formulir.

  2. Pilih layar di kanvas.

  3. Pilih Data di bilah tindakan sebaris.

  4. Pilih sumber data yang diinginkan.

    Cuplikan layar yang menunjukkan lokasi tombol Data, tempat Anda dapat memilih sumber data dari daftar.

Setelah terhubung, kontrol tabel dan formulir keduanya terikat ke sumber data.

Anda dapat memilih rekaman di kontrol tabel dan formulir menampilkan detail rekaman yang dipilih.

Semua tombol dalam template ini telah dibuat Power Fx sebelumnya, jadi tidak perlu penyesuaian lebih lanjut. Saat Anda menghubungkan layar ke sumber data yang dipilih, layar sekarang berfungsi penuh.

Cuplikan layar yang menunjukkan tampilan layar saat terhubung ke sumber data: daftar data dan elemen formulirnya.

Susun ulang layar

Jika Anda memiliki lebih dari satu layar, Anda dapat menyusun ulang.

Di panel kiri, arahkan kursor ke layar yang ingin Anda pindahkan ke atas atau ke bawah, lalu pilih Pindahkan ke atas atau Pindahkan ke bawah.

Catatan

Gunakan properti StartScreen untuk mengatur layar mana yang akan ditampilkan terlebih dahulu.

Tambahkan navigasi

Saat membuat aplikasi kanvas dengan beberapa layar, Anda dapat menambahkan navigasi sehingga pengguna dapat menavigasi antar layar.

  1. Dengan layar yang dipilih, pilih Sisipkan dan di kotak pencarian ketik Panah berikutnya lalu pilih.

  2. (opsional) Pindahkan panah sehingga muncul di sudut kanan bawah layar.

  3. Dengan panah yang dipilih, atur properti OnSelect ... ke fungsi Navigasi .

    Cuplikan layar yang menunjukkan properti OnSelect diatur ke fungsi Navigasi.

    Saat pengguna memilih panah, layar Target memudar.

  4. Pada layar Target , tambahkan ikon Panah kembali, dan atur properti OnSelect ke rumus ini:

    Navigate(Target, ScreenTransition.Fade)

    Catatan

    Dalam rumus ini yang bertuliskan Target , masukkan nama layar tempat Anda ingin menavigasi.

Informasi selengkapnya

Referensi kontrol layar