Поділитися через

Створення програми з елементами керування 3D і mixed reality

Елементи керування «3D-об’єкт » і «Перегляд у MR» можна використовувати для перегляду елементів у 3D або для перегляду того, як певний елемент може вміститися в межах зазначеного простору.

У цій статті описано, як використовувати 3D елементи керування та елементи керування гібридною реальністю в Power Apps.

Перегляньте це відео та дізнайтеся, як створити програму для мобільних пристроїв із елементом керування переглядом у ГР.

вимоги

Перегляньте передумови для пристроїв із підтримкою змішаної реальності.

Створення програми за допомогою елемента керування переглядом у ГР

Елемент керування «Перегляд у MR» створює кнопку у вашому додатку. Коли користувачі програми натискають кнопку, вона накладає вибрану 3D-модель (у форматі файлу GLB) або зображення (у форматах файлу JPG або PNG) на пряму трансляцію камери пристрою.

Порада

Ви також можете робити фотографії та завантажувати їх на OneDrive.

У цьому розділі ми побудуємо екран в додатку, який дозволить користувачеві переглядати обраний предмет в змішаній реальності за допомогою елемента управління View in MR .

  1. Відкрийте програму в Power Apps Studio.

  2. Виберіть властивість програми OnStart , скопіюйте та вставте такі дані:

    ClearCollect(
    col3dObjects,
    {
        ObjectName: "Forklift",
        ObjectURL: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/forklift.glb"
    },
    {
        ObjectName: "HVAC",
        ObjectURL: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/hvac.glb"
    },
    {
        ObjectName: "Machine",
        ObjectURL: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/machine.glb"
    },
    {
        ObjectName: "Pallet w/ Boxes",
        ObjectURL: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/pallet_with_boxes.glb"
    },
    {
        ObjectName: "Robot Arm",
        ObjectURL: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/robot_arm.glb"
    }
)

    Властивість App OnStart з оновленою формулою, як зазначено в наведеному вище зразку коду.

    Ця формула створить колекцію з іменами та посиланнями 3D-об’єктів, які потрібно переглянути в гібридній реальності.

  3. Додайте текстову мітку на екран, перетягнувши її з вкладки «Вставка ».

  4. Розташуйте додану текстову мітку у верхньому лівому куті екрана та змініть такі властивості на вкладці «Властивості »:

    Властивість Значення
    SMS «Перегляд у ГР»
    Розмір шрифту 24
    Товщина шрифту FontWeight.Semibold
    Вирівнювання тексту Align.Center
    За шириною 640

  5. На вкладці «Додаткові параметри» змініть такі властивості надпису тексту:

    Властивість Значення
    Колір RGBA(255, 255, 255, 1)
    Заповнити RGBA(56, 96, 178, 1)

    Ця зміна створить заголовок для екрану.

  6. Вставте пусту вертикальну галерею з розділу «Макет » вкладки «Вставка ».

  7. Розташуйте галерею під заголовком «Перегляд у ГР», доданим раніше, і розгорніть її, щоб використати решту екрана.

  8. Змініть наведені властивості галереї:

    Властивість Значення
    Джерело даних col3dObjects
    Розмір шаблону 80
    X 0
    Y 92
    За шириною 640
    За висотою 1044

  9. Виберіть Редагувати галерею, щоб відредагувати галерею .

    Редагувати галерею для MR.

  10. Вставте текстову мітку в галерею.

  11. Змініть наведені властивості додатного текстового надпису.

    Властивість Значення
    SMS ThisItem.ObjectName
    X 10
    Y 5
    За шириною 540

  12. Відредагуйте галерею знову.

  13. У розділі «Змішана реальність » на вкладці «Вставка » перетягніть елемент керування «Перегляд у МР» у галерею.

  14. Змініть такі властивості елемента керування «Подання в МР».

Властивість Значення
SMS «Перегляд у ГР»
Тип відображення Icon
Мова оригіналу ThisItem.ObjectURL
X Parent.TemplateWidth - Self.Width - 5
Y 5
За шириною 70

Ця зміна надаватиме колекцію, яка містить список із 3D-об’єктами та кнопку, яку потрібно натиснути, щоб користувач переглянув ці об'єкти у гібридній реальності.

Спробуйте елемент керування гібридною реальністю

Тепер, коли всі елементи керування додані, збережіть і опублікуйте програму. Відкрийте програму з функціями гібридної реальності та натисніть кнопку, яка відповідає об’єкту, який потрібно переглянути. Відкриється вікно "Перегляд у МР".

Переглянути в MR.

Дотримуйтеся вказівок на екрані, щоб відкалібрувати пристрій, повільно переміщуючи його вліво і вправо, навівши камеру на поверхню для вимірювання. Після завершення калібрування з’являться масиви точок на екрані, а також кола та точки в центрі екрана. У цьому колі показано, де спочатку можна розмістити 3D-об’єкт. Після розміщення куба його можна перемістити або обернути за допомогою сенсорних елементів керування.

Щоб перемістити об’єкт, натисніть на ньому та перемістіть його в потрібне місце. Щоб обернути об’єкт, натисніть одним пальцем на екран і проведіть по екрану іншим пальцем справа наліво.

Натисніть кнопку «Назад» у верхньому лівому куті, щоб повернутися на екран програми та вибрати інший об’єкт. Повторіть цей процес, як потрібно для перегляду кожного з об’єктів.

Створення програми з елементом керування 3D-об'єктами

Елемент керування 3D-об’єктом дозволяє переглядати об’єкт у форматі 3D всередині Power Apps. Під час завантаження програми відображаються 3D-моделі (у форматі GLB-файлу) або зображення (у форматах JPG або PNG) у програмі за допомогою елемента керування. Можна вибрати 3D-модель для масштабування, збільшення або зменшення масштабу.

У цьому розділі ми побудуємо екран у додатку, який дозволить користувачеві переглядати вибрані елементи в 3D за допомогою елемента керування 3D об’єктом .

  1. Дотримуйтесь інструкцій 1 і 2 з розділу Створення програми за допомогою функції Перегляд у елементі керування MR, щоб створити програму з колекцією 3D-об’єктів для програми.

  2. Додайте текстову мітку на екран, перетягнувши її з вкладки «Вставка ».

  3. Розташуйте додану текстову мітку у верхньому лівому куті екрана та змініть такі властивості на вкладці «Властивості »:

    Властивість Значення
    SMS «3D-об’єкт»
    Розмір шрифту 24
    Товщина шрифту FontWeight.Semibold
    Вирівнювання тексту Align.Center
    За шириною 640

  4. На вкладці «Додаткові параметри» змініть такі властивості надпису тексту:

    Властивість Значення
    Колір RGBA(255, 255, 255, 1)
    Заповнити RGBA(56, 96, 178, 1)

    Ця зміна створить заголовок для екрану.

  5. Вставте пусту вертикальну галерею з розділу «Макет » вкладки «Вставка ».

  6. Розташуйте галерею під заголовком «Перегляд у ГР», доданим раніше, і розгорніть її, щоб використати решту екрана.

  7. Змініть наведені властивості галереї:

    Властивість Значення
    Джерело даних col3dObjects
    Розмір шаблону 80
    X 0
    Y 92
    За шириною 640
    За висотою 1044

  8. Виберіть Редагувати галерею, щоб відредагувати галерею .

    Редагування галереї для 3D.

  9. Вставте текстову мітку в галерею.

  10. Змініть наведені властивості додатного текстового надпису.

    Властивість Значення
    SMS ThisItem.ObjectName
    За шириною 640

  11. Відредагуйте галерею знову.

  12. У розділі «Медіа» на вкладці «Вставка » перетягніть елемент керування 3D-об’єктом у галерею.

  13. Змініть такі властивості елемента керування «Подання в МР».

Властивість Значення
Мова оригіналу ThisItem.ObjectURL
X 18
Y 138
За шириною 600
За висотою 550

Ця зміна забезпечить галерею, яка містить список 3D-об’єктів, які можна переглянути в 3D.

Перевірка елемента керування 3D

Тепер, коли всі елементи керування додані, збережіть і опублікуйте програму. На пристроях із функцією гібридної реальності відкрийте програму, торкнуться екрана, щоб збільшити, зменшити масштаб або повернути об'єкт для перегляду в 3D.

3D об’єкт.

Оскільки галерея містить кілька об’єктів у 3D, проведіть по екрану вниз, щоб переглянути інші об’єкти та скористатися можливостями масштабування або перетворення для роботи з об’єктами в 3D.

Див. також