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

Стаття
03/16/2023

Ви можете використовувати елементи керування 3D-об'єктами і Перегляд у ГР, щоб переглядати об'єкти у тривимірному режимі, або побачити, як певний сегмент може вписатися в заданий простір.

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

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

вимоги

Див попередні вимоги для пристроїв із здатністю гібридної реальності.

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

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

Підказка

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

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

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

Виберіть властивість програми OnSelect, скопіюйте та вставте наведений нижче фрагмент

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"
    }
)

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

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

Додайте Текстовий надпис на екран, перетягнувши його з вкладки Вставлення.

Розташуйте доданий текстовий надпис у верхньому лівому куті екрана та змініть наведені нижче властивості на вкладці Властивості:

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

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

Властивість Значення

Колір RGBA(255, 255, 255, 1)

Заповнити RGBA(56, 96, 178, 1)

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

Властивість Значення

Джерело даних col3dObjects

Розмір шаблону 80

X 0

Y 92

За шириною 640

За висотою 1044
Виберіть Редагувати галерею для редагування галереї.
Вставте Текстовий надпис до галереї.
Змініть наведені властивості додатного текстового надпису.

Властивість Значення

SMS ThisItem.ObjectName

X 10

Y 5

За шириною 540
Відредагуйте галерею знову.
У розділі Гібридна реальність на вкладці Вставлення перетягніть і вставте елемент керування Перегляд у ГР в галерею.
Змініть наведені властивості елемента керування Перегляд у ГР.

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

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

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

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

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

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

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

Перегляд у ГР.

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

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

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

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

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

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

Виконайте кроки 1 і 2 в розділі Створення програми елементом керування «Перегляд у ГР», щоб створити програму з колекцією 3D-об’єктів для програми.
Додайте Текстовий надпис на екран, перетягнувши його з вкладки Вставлення.

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

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

Властивість Значення

Колір RGBA(255, 255, 255, 1)

Заповнити RGBA(56, 96, 178, 1)

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

Властивість Значення

Джерело даних col3dObjects

Розмір шаблону 80

X 0

Y 92

За шириною 640

За висотою 1044
Виберіть Редагувати галерею для редагування галереї.
Вставте Текстовий надпис до галереї.
Змініть наведені властивості додатного текстового надпису.

Властивість Значення

SMS ThisItem.ObjectName

За шириною 640
Відредагуйте галерею знову.
У розділі Медіа на вкладці Вставлення перетягніть і вставте елемент керування 3D-об'єкт в галерею.
Змініть наведені властивості елемента керування Перегляд у ГР.

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

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

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

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

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

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

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

3D-об’єкт.

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

Див. також

Примітка

Розкажіть нам про свої уподобання щодо мови документації? Візьміть участь в короткому опитуванні. (зверніть увагу, що це опитування англійською мовою)

Проходження опитування займе близько семи хвилин. Персональні дані не збиратимуться (декларація про конфіденційність).

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