Aracılığıyla paylaş

Karma gerçeklik fotoğrafları çekme ve yükleme

  • Makale

Bu makalede, karma gerçeklik oturumunun fotoğraflarını çekebilecek ve bunları OneDrive'da bir klasöre yükleyebilecek bir uygulama oluşturacağız. Bu örnekte MR'de görüntüle denetimini kullanacağız ancak Şekli MR'de görüntüle ve Ölçüm Kamerası denetimleri de işe yarayacaktır.

Aşağıdaki görevleri ele alacağız:

  • Örnek bir 3B nesneyi görüntülemek ve işlemek için 3B nesne denetimi ekleme
  • Gerçek dünyada 3B nesneyi görüntülemek için 3B nesne denetimini MR'de görüntüle denetimine bağlama
  • MR'de görüntüle denetimiyle çekilen fotoğrafları görüntülemek için Galeri denetimi ekleme
  • Microsoft Power Automate akışıyla fotoğrafları OneDrive'a yükleme
  • Karma gerçeklik ile yakalanan fotoğrafları Dataverse'e yükleme

Ön Koşullar

  • Boş tuval uygulaması oluşturun.
  • OneDrive'da MRPhotos adlı bir klasör oluşturun. Yüklediğiniz fotoğrafları depolamak için bu klasörü kullanacaksınız.

İpucu

Karma gerçeklik (MR) denetimleri en iyi düz dokulu yüzeylere sahip iyi aydınlatılmış ortamlarda çalışır. İzleme, LIDAR etkin cihazlarda daha iyi çalışır.

Karma gerçeklikte bir 3B nesnenin fotoğrafını çekmek için düğme ekleme

Bu örnekte üç bölüm vardır. İlk olarak, kullanıcıların karma gerçeklik deneyiminde bir 3D object'in fotoğrafını çekmesine olanak tanıyan düğme ekleyeceğiz.

3B nesne denetimi ekleyin

Uygulamanız, Power Apps Studio uygulamasında düzenleme için açıkken:

  1. Ekle sekmesini açın ve Medya seçeneğini genişletin.

  2. Uygulama ekranına 3D object yerleştirmek için 3D object'yi seçin. Daha hassas şekilde konumlandırmak için denetimi ekrana sürükleyin.

    Denetim, saydam bir küp şekille birlikte gelir. İsterseniz farklı bir 3B modeli yüklemek için denetimin Source özelliğini değiştirin. Bu örnekte, şu URL'yi kullanacağız: https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/robot_arm.glb.

    Microsoft Power Apps Studio'da yapım aşamasındaki 3B nesne denetiminin, Source özelliğiyle birlikte gösterildiği ekran görüntüsü.

MR'de görüntüle denetimi ekleme ve bağlama

  1. Ekle sekmesini açın ve Karma Gerçeklik'i genişletin.

  2. Denetimi uygulama ekranına yerleştirmek için MR'de görüntüle'yi seçin veya daha hassas bir şekilde konumlandırmak için denetimi ekrana sürükleyin.

  3. Denetimin Source özelliğini 3DObject1.Source olarak değiştirin. (3DObject1, daha önce eklediğimiz 3B nesne denetiminin adıdır.) Bu ifade, 3D model cihaz kamera akışına yerleştirmek için MR'de görüntüle denetimini yönlendirir.

    Microsoft Power Apps Studio'da yapım aşamasındaki MR'de görüntüle denetiminin, Source özelliğiyle birlikte gösterildiği ekran görüntüsü.

  4. Uygulamayı kaydedip yayınlayın ve mobil cihazınızda çalıştırın.

  5. 3B nesneyi karma gerçeklikte görüntülemek için MR'de görüntüle'yi seçin. MR görünümünün fotoğrafını çekmek için kamera simgesini seçin.

Şimdi, kullanıcıların çektikleri fotoğrafları görebilmesi için bir galeri ekleyeceğiz.

  1. Uygulamanızı yeniden düzenleyin. Ekle sekmesini açın ve ekrana Vertical gallery denetimi yerleştirin.

  2. Denetimin Items özelliğini ViewInMR1.Photos olarak değiştirin. (ViewInMR1, daha önce eklediğimiz MR'de görüntüle denetiminin adıdır.)

  3. İsteğe bağlı olarak, galerinin Layout özelliğini Resim ve başlık olarak değiştirin.

    Microsoft Power Apps Studio'da yapım aşamasındaki dikey galerinin, Items ve Layout özellikleriyle birlikte gösterildiği ekran görüntüsü.

  4. Uygulamayı önizleyin ve örnek bir fotoğraf oluşturmak için MR'de görüntüle'yi seçin. Galeri bir örnek resimle doldurulur.

    Galeride bir 3B modeli ve modelin fotoğrafını gösteren tuval uygulamasının ekran görüntüsü.

Not

Kullanıcılar galeriyi görmek için MR görünümünden çıkar ve ardından tekrar MR görünümüne girip daha fazla fotoğraf çekerse yeni fotoğraflar daha önce çektikleri fotoğrafların yerini alır.

Galeride fotoğrafların daha kolay görülmesini sağlamak için kullanıcı bir küçük resim görüntüsü seçtiğinde görünen tam boyutlu bir katman ekleyebilirsiniz.

  1. Uygulamanızı yeniden düzenleyin. Ekle sekmesini açın ve Medya seçeneğini genişletin.

  2. Ekrana görüntü denetimi yerleştirmek için Görüntü'yü seçin. Küçük resim seçildiğinde daha büyük fotoğrafın nasıl görünmesini istediğinize göre bunu taşıyın ve boyutlandırın.

    Microsoft Power Apps Studio'da yapım aşamasındaki görüntü denetiminin ekran görüntüsü.

  3. Görüntü denetiminin özelliklerini aşağıdaki gibi değiştirin: | Özellik | Değer | | - | - | | OnSelect | UpdateContext({vVisibleImageZoom:false}) | | Görüntü | Gallery1.Selected.Image2 (Galeri denetiminin Gallery1 ve ilk küçük resim görüntüsünün Image2 olduğunu varsayarak) | Görünür | vVisibleImageZoom

  4. Galeri denetimindeki ilk küçük resim görüntüsünü seçin. OnSelect özelliğini UpdateContext({vVisibleImageZoom:true}) olarak değiştirin.

    Microsoft Power Apps Studio'da bir galerideki küçük resim görüntüsünün, OnSelect özelliğiyle birlikte gösterildiği ekran görüntüsü.

  5. Uygulamayı kaydedip yayınlayın ve mobil cihazınızda çalıştırın.

  6. MR'de görüntüle seçeneğini belirleyin ve ardından fotoğraf çekmek için kamera simgesini seçin. MR görünümünden çıkmak için ekranın üst kısmındaki geri okunu seçin.

  7. Fotoğrafın daha büyük bir sürümünü göstermek için galerideki küçük resmi seçin. Gizlemek için görüntüyü seçin.

Power Automate akışıyla fotoğrafları OneDrive'a yükleme

Son olarak, Power Automate bölmesini kullanarak bir iş akışı oluşturacağız. İş akışı, fotoğrafları uygulamadan OneDrive'daki MRPhotos adlı klasöre yükler.

Power Automate'te akış oluşturma

  1. Uygulamanızı düzenleyin. Uygulama yazma menüsünde, Power Automate > Yeni akış oluştur'u seçin.

  2. Power Apps düğmesi şablonunu arayın ve seçin.

    Power Automate şablon sayfasının, seçilen Power Apps düğmesi şablonuyla birlikte ekran görüntüsü.

  3. Akışınızı oluşturun penceresinde, Gelişmiş modda düzenle'yi seçin.

  4. Pencerenin üst kısmında Power Apps düğmesi'ni seçin ve akışınız için yeni bir ad girin. Bu örnekte, akışı MR Fotoğrafı Yükle olarak adlandıracağız.

    Power Automate düzenleme penceresinin, vurgulanan iş akışı adıyla birlikte ekran görüntüsü.

  5. Pencerenin üst kısmında Power Apps düğmesini seçin ve akışınız için yeni bir ad girin. Bu örnekte, akışı MR Fotoğrafı Yükle olarak adlandıracağız.

    Power Automate düzenleme penceresinin, silme işlemi için seçilen PowerApps adımıyla birlikte ekran görüntüsü.

  6. PowerApps (V2) araması yapın ve PowerApps (V2) tetikleyicisini seçin.

    Power Automate düzenleme penceresinin, seçilen PowerApps (v2) tetikleyicisiyle birlikte ekran görüntüsü.

  7. Giriş ekleyin'i seçin ve ardından Dosya seçeneğini belirleyin.

  8. Dosya İçeriği etiketini Görüntü olarak değiştirin.

    Power Automate düzenleme penceresinin, Görüntü olarak değiştirilen Dosya girişi etiketiyle birlikte ekran görüntüsü.

  9. Yeni adım'ı seçin. OneDrive Dosya oluştur araması yapın ve Dosya oluştur eylemini seçin.

    Power Automate düzenleme penceresinin, seçilen OneDrive Dosya oluştur eylemiyle birlikte ekran görüntüsü.

  10. Klasör Yolu'nda, klasör simgesini seçin ve daha önce oluşturduğunuz MRPhotos klasörüne gidin.

  11. Dosya Adı'nda, @{triggerBody()?['file']?['name']} girin (Metniniz "file.name" olarak değişir.)

  12. Dosya İçeriği'nde, @{triggerBody()['file']['contentBytes']} girin (Metniniz "Görüntü" olarak değişir.)

  13. Akışınızı kaydedin.

Tam akışın aşağıdaki gibi görünmesi gerekir:

Power Automate düzenleme penceresinin, tamamlanan iş akışıyla birlikte gösterildiği ekran görüntüsü.

İş akışını uygulamanızda bir düğmeye bağlama

  1. Power Apps Studio'da uygulamanıza dönün. Akışınız artık Mevcut akışlar altında listelenir.

    Power Apps Studio Veri bölmesinin, yeni akışla birlikte gösterildiği ekran görüntüsü.

  2. Ekle sekmesini açın ve Düğme'yi seçin. Düğme denetimini ekrana yerleştirin ve gerektiği gibi yeniden boyutlandırın.

  3. Düğme denetiminin Text özelliğini Fotoğraf yükle olarak değiştirin.

  4. Power Apps penceresinin üst kısmındaki formül çubuğunda OnSelect özelliğini seçin. Eylem > Power Automate > MR Fotoğrafı Yükle'yi seçin.

    Power Apps Studio'da yapım aşamasındaki düğme denetiminin, denetimin OnSelect özelliğine eklenen akışla birlikte ekran görüntüsü.

    Düğme denetiminin OnSelect özelliği, UploadMRPhoto.Run( olarak değişir.

  5. Çekilen son fotoğrafı yüklemek için açma parantezinden sonra şu kodu yapıştırın: {file:{name:GUID() & ".png", contentBytes:Last(ViewInMR1.Photos).ImageURI}})

    Çekilen son fotoğrafı yükleyen, Power Apps Studio formül çubuğunda düğme denetiminin OnSelect özelliğinin ekran görüntüsü.

    Düğme kontrolünü galerinin içine yerleştirdiyseniz bunun yerine şu kodu yapıştırın: {file: {name:GUID() & ".png", contentBytes:ThisItem.ImageURI}})

    Düğme galeride olduğunda, Power Apps Studio formül çubuğunda düğme denetiminin OnSelect özelliğinin ekran görüntüsü.

    Düğmenin çekilen tüm fotoğrafları yüklemesini sağlamak için UploadMRPhoto.Run( kodunu silin ve şu kodu yapıştırın: ForAll(ViewInMR1.Photos, UploadMRPhoto.Run({file:{name:GUID() & ".png", contentBytes:ImageURI}}))

    Çekilen tüm fotoğrafları yükleyen, Power Apps Studio formül çubuğundaki düğme denetiminin OnSelect özelliğinin ekran görüntüsü.

  6. Uygulamayı önizleyip MR'de görüntüle'yi seçin ve ardından Fotoğraf yükle seçeneğini belirleyin. OneDrive'da MRPhotos klasörünü denetleyin ve örnek fotoğrafın yüklendiğini onaylayın.

Uygulamanıza çevrimdışı özelliği ekleme

SaveData ve LoadData işlevlerini kullanarak, sınırlı ağ bağlantınız olduğunda veya hiç ağ bağlantınız olmadığında bile uygulamanızı kullanabilirsiniz.

Karma gerçeklik ile yakalanan fotoğrafları Dataverse'e yükleme

Resim veri türü sütunu aracılığıyla Dataverse tablolarına fotoğraflar ekleyebilirsiniz. Dataverse'teki resim sütunlarında iki zorunlu alan bulunur (Tam ve Değer). Bunlar MR denetimlerinin ImageURI çıkışı olarak ayarlanabilir.

Örneğin, Markup in MR denetimi tarafından yakalanan ilk fotoğrafı Resim adlı Dataverse sütununa yüklemek istiyorsanız:

    Image: {Full: First(MarkupInMR.Photos).ImageURI, Value: First(MarkupInMR.Photos).ImageURI}

Ayrıca bkz.

Not

Belge dili tercihlerinizi bizimle paylaşabilir misiniz? Kısa bir ankete katılın. (lütfen bu anketin İngilizce olduğunu unutmayın)

Anket yaklaşık yedi dakika sürecektir. Kişisel veri toplanmaz (gizlilik bildirimi).