Bagikan melalui


Menambahkan pin ke model 3D di Power Apps

Tambahkan pin (ditampilkan sebagai penanda melingkar) ke model 3D dalam aplikasi kanvas Anda. Pengguna dapat menambahkan pin mereka sendiri dan melihat informasi tentang pin yang mereka pilih.

Tangkapan layar aplikasi seluler yang menunjukkan model kursi 3D, dengan empat lingkaran biru menandai lokasi pin.

Menambahkan pin yang ditetapkan sebelumnya ke model 3D dari buku kerja Excel

Cara termudah untuk menambahkan pin ke model 3D adalah dengan memuatnya dari buku kerja Excel.

Tabel sumber data untuk pin harus merupakan tabel bernama di Excel. Tabel harus memiliki empat kolom. Setiap kolom sesuai dengan properti kontrol objek 3D. Setiap baris diplot sebagai pin di model. Baris menentukan penempatan pin dalam sistem koordinat tiga dimensi.

Penting

Kontrol realitas campuran (MR) menggunakan Power Apps sistem koordinat kidal.

Column Berkaitan dengan
Label ItemsLabels
X PinsX
Y PinsY
Z PinsZ

Berikut adalah contoh tabel bernama "TestPins" yang berisi koordinat untuk menempatkan empat pin pada model 3D:

Contoh Microsoft Excel lembar kerja dengan tabel bernama TestPins yang berisi kolom Label, X, Y, dan Z.

Untuk mencoba contoh ini, mulai dengan membuat tabel di Excel.

  1. Salin data sampel berikut dan rekatkan di sel A1 dari worksheet Excel baru.

    Label Pin X Pin Y Pin Z
    Depan kiri -0,2 0.01 0.2
    Kanan depan 0.2 0.01 0.2
    Nol 0 0 0
    Titik X 0 0.72 -0,2
  2. Pilih salah satu sel yang direkatkan. Pada tab Beranda , pilih Format sebagai Tabel, pilih gaya, lalu pilih OK.

  3. Pada tab Desain Tabel di bawah Nama Tabel, masukkan nama seperti TestPins.

  4. Simpan buku kerja dan tutup.

Selanjutnya, tambahkan tabel sebagai sumber data untuk menampilkan pin pada model 3D.

  1. Masuk Power Apps Studio, sisipkan model 3D atau pilih model yang ada.
  2. Atur properti Source kontrol objek 3D ke https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/chair.glb (atau file model lain yang Anda pilih).

Catatan

Instans pertama dari kontrol objek 3D bernama 3DObject1 secara default dan itulah nama yang akan kita gunakan dalam contoh berikut. Instans tambahan kontrol akan disebut sebagai ViewIn3D2,ViewIn3D3, dan seterusnya.

  1. Pada tab Properti model , pilih daftar dropdown Pins(Items).
  2. Ketik excel di kotak pencarian, lalu pilih Impor dari Excel.
  3. Cari buku kerja Excel yang Anda simpan sebelumnya dan buka.
  4. Pilih nama yang Anda berikan tabel di Excel lalu pilih Hubungkan.
  5. Pada tab Lanjutan , temukan PinsX, PinsY, dan PinsZ dan masukkan nama kolom yang sesuai dalam tabel. (Dalam contoh ini, masukkan Label di ItemsLabels,X di PinsX , dan seterusnya.) Lampirkan nama kolom dalam tanda kutip.

Pin akan muncul di model di lokasi yang dijelaskan berdasarkan koordinat.

Menampilkan label dan koordinat pin pada model 3D

Gunakan tabel data untuk menampilkan label dan koordinat pin yang dipilih dalam aplikasi kanvas.

Tangkapan layar model 3D yang sedang dibangun di Microsoft Power Apps Studio. Empat pin telah ditempatkan pada model, dan informasi tentang pin ditampilkan dalam tabel di bawah model.

Dengan aplikasi Anda terbuka untuk diedit di: Power Apps Studio

  1. Buka tab Sisipkan dan perluas Tata Letak.

  2. Pilih Tabel data untuk menempatkan tabel di layar aplikasi, atau seret kontrol ke layar untuk memposisikannya dengan lebih tepat.

  3. Pilih untuk menampilkan informasi tentang semua pin, atau hanya pin yang dipilih. Dengan tabel data yang dipilih:

    • Tampilkan semua pin: Di panel Properti , pilih daftar dropdown Pin(Item) dan pilih tabel Excel yang Anda sambungkan sebelumnya.

    • Tampilkan pin yang dipilih saja: Di Power Apps Studio editor ekspresi, masukkan 3DObject1.SelectedItems.

      Tangkapan layar Power Apps Studio editor ekspresi yang menunjukkan ekspresi yang digunakan untuk menampilkan informasi tentang pin yang dipilih.

  4. Pada panel Properti , pilih Edit bidang , lalu pilihTambahkan bidang.

  5. Pilih kolom yang akan ditampilkan, lalu pilih Tambahkan.

    Tangkapan layar model 3D yang sedang dibangun Power Apps Studio, ditampilkan di samping daftar bidang untuk ditambahkan ke tabel data.

Menampilkan label pin yang dipilih dalam model 3D

Gunakan kotak teks untuk menampilkan hanya label pin yang dipilih dalam aplikasi kanvas.

Dengan aplikasi Anda terbuka untuk diedit di: Power Apps Studio

  1. Buka tab Sisipkan .
  2. Pilih Label teks untuk menempatkan kotak teks di layar aplikasi, atau seret kontrol ke layar untuk memposisikannya dengan lebih tepat.
  3. Di editor ekspresi, masukkan 3DObject1.Selected.Label.

Membuat koleksi untuk memungkinkan pengguna menambahkan pin mereka sendiri ke model 3D.

Jika Anda ingin mengizinkan pengguna untuk menempatkan pin pada model 3D, gunakan koleksi .

Dengan aplikasi Anda terbuka untuk diedit di: Power Apps Studio

  1. Buka tab Sisipkan .

  2. Pilih Input teks untuk menempatkan kotak entri teks di layar aplikasi.

  3. Salin kotak teks dan rekatkan tiga kali untuk membuat empat kontrol input teks.

  4. Atur properti Default untuk setiap kontrol ke X, Y, Z, dan Label, masing-masing.

  5. Buka tab Tampilan hierarkis.

  6. Ganti nama setiap kontrol, sebagaimana mestinya, menjadi XCoordinate, YCoordinate, ZCoordinate, dan LabelInput.

    Cuplikan layar Power Apps Studio tampilan hierarki yang menunjukkan empat kontrol input teks yang diganti namanya.

Selanjutnya, tambahkan tombol untuk menambahkan data pengguna ke kumpulan pin.

  1. Buka tab Sisipkan .

  2. Pilih Tombol untuk menempatkan tombol di layar aplikasi.

  3. Atur properti Teks tombol ke Tambahkan pin.

  4. Masukkan kode berikut di properti OnSelect tombol , persis seperti yang ditunjukkan:

    Collect( 
    PinsCollection,
      {
        X: XCoordinate.Text,
        Y: YCoordinate.Text,
        Z: ZCoordinate.Text,
        Label: LabelInput.Text
      }
    )
    

Sekarang Anda akan mengubah sumber data pin dari tabel Excel ke koleksi baru.

  1. Pilih Model 3D.

  2. Pada tab Properti , pilih daftar dropdown Pins (Items), lalu pilih PinsCollection.

    Cuplikan layar properti Pins(Items) dari model 3D di, dengan sumber data PinsCollection dipilih Power Apps Studio.

  3. Pada tab Lanjutan , temukan PinsX, PinsY, dan PinsZ dan atur masing-masing ke X, Y, dan Z.

Saat pengguna memasukkan koordinat dan label dan memilih Tambahkan pin, pin berlabel ditempatkan pada model pada koordinat yang dimasukkan.

Menampilkan informasi tentang pin saat ditambahkan ke model 3D

Terakhir, gabungkan contoh sebelumnya dengan menampilkan informasi tentang pin saat pengguna menambahkannya.

Dengan aplikasi Anda terbuka untuk diedit di: Power Apps Studio

  1. Tambahkan Tabel data ke layar.
  2. Pada tab Properti , pilih daftar dropdown Pins (Items) dan pilih PinsCollection.
  3. Pilih Edit bidang, lalu pilih Tambahkan bidang.
  4. Pilih kolom yang akan ditampilkan dalam tabel, lalu pilih Tambahkan.

Kontrol realitas campuran lainnya