Xem nội dung 3D hoặc hình ảnh trong thực tế kết hợp
Sử dụng mục kiểm soát View in MR để đặt mô hình 3D của một đối tượng hoặc một hình ảnh trong không gian thế giới thực. Ví dụ: Bạn có thể xem trước tranh treo trên tường sẽ ra sao trước khi treo hoặc xem liệu một tủ sách ảo 3D có phù hợp với nơi bạn định đặt không.
Điều gì sẽ xảy ra nếu bạn không có mô hình 3D của đối tượng? Tải hình ảnh của đối tượng và đặt kích thước của nó thành kích cỡ của đối tượng. Mục kiểm soát áp dụng hình ảnh như mặt của một khối lập phương ảo theo kích thước mong muốn. Đặt giá đỡ này cho mô hình 3D trong không gian của bạn.
Kiểm soát View in MR thêm một nút vào ứng dụng của bạn. Khi người dùng chọn nút, ứng dụng sẽ phủ một mô hình 3D đã chọn (ở định dạng tệp .glb, .stl hoặc .obj) hoặc hình ảnh (ở định dạng tệp .jpg hoặc .png) trên nguồn cấp camera của thiết bị.
Bạn cũng có thể chụp ảnh bằng cách sử dụng mục kiểm soát View in MR và tải lên OneDrive.
Quan trọng
Nội dung 3D của bạn phải ở định dạng tệp .glb, .stl, or .obj. Bạn có thể chuyển đổi các mô hình 3D hiện có sang định dạng tệp .glb từ nhiều định dạng 3D. Không hỗ trợ nội dung 3D được nén bằng tính năng nén Draco.
Mẹo
Hãy đảm bảo rằng các mô hình 3D của bạn được tối ưu hóa để sử dụng với Power Apps nhằm giảm thiểu thời gian tải.
Các mục kiểm soát thực tế kết hợp (MR) hoạt động tốt nhất trong môi trường nhiều ánh sáng với bề mặt có kết cấu phẳng. Tính năng theo dõi hoạt động tốt hơn trên các thiết bị hỗ trợ LIDAR.
Các kiểm soát MR trong Power Apps sử dụng Babylon và Babylon React Native. Nội dung thực tế kết hợp hoạt động trong Hộp cát Babylon sẽ hoạt động được trong Power Apps thông qua nền tảng MR chung này. Nếu nội dung của bạn hoạt động được ở Babylon nhưng không hoạt động trong Power Apps, hãy đặt câu hỏi trong Diễn đàn cộng đồng Power Apps. (Gắn thẻ bằng "thực tế kết hợp".)
Thêm nút View in MR vào màn hình ứng dụng
Khi bạn mở ứng dụng để chỉnh sửa trong Power Apps Studio:
Mở tab Chèn và mở rộng Thực tế kết hợp.
Chọn View in MR để đặt mục kiểm soát trên màn hình ứng dụng hoặc kéo mục kiểm soát vào màn hình để định vị chính xác hơn.
Mục kiểm soát là một nút được gắn biểu tượng hình khối lập phương và văn bản View in MR. Thay đổi nhãn và ẩn biểu tượng nếu muốn trong thuộc tính Văn bản và Loại hiển thị.
Xem các mô hình khác nhau trong mộ phiên
Theo mặc định, mục kiểm soát View in MR hiển thị một tệp phương tiện. Để xem các tệp phương tiện khác nhau được chọn thông qua thư viện phương tiện trong trải nghiệm MR, hãy sử dụng thuộc tính nâng cao Items của mục kiểm soát. Thuộc tính này tạo một bảng liệt kê các tệp phương tiện mà người dùng có thể chọn trong trải nghiệm thực tế kết hợp.
Khi bạn sử dụng thuộc tính Items, bạn cần đặt giá trị cho các thuộc tính nâng cao bổ sung sau để ánh xạ các cột trong bảng của bạn:
| Thuộc tính | Description |
|---|---|
| ItemsSource (bắt buộc) | Chỉ định cột nào trong Items xác định mô hình hoặc hình ảnh 3D để hiển thị ở dạng xem thực tế kết hợp. Hãy xem Kết nối mô hình 3D với Power Apps để tìm hiểu thêm về cách đưa các mô hình vào Power Apps. |
| ItemsLabel | Chỉ định cột nào trong Items chứa nhãn để hiển thị trong thư viện phương tiện. Thuộc tính Alternative text được dùng cho các mục chưa được chỉ định nhãn. |
| ItemsThumbnail | Chỉ định cột nào trong Items xác định hình thu nhỏ để hiển thị trong thư viện phương tiện. Hệ thống cung cấp hình thu nhỏ mặc định cho các mục chưa được chỉ định hình thu nhỏ. |
| ItemsObjectWidth, ItemsObjectHeight, ItemsObjectDepth | Chỉ định kích thước rõ ràng cho từng mục phương tiện trong bảng. Thuộc tính Object width, Object height và Object depth dùng cho các mục không có kích thước cụ thể. |
Để thử nghiệm, hãy tạo một thư viện phương tiện minh họa ba cây khác nhau trong bối cảnh phòng. Bảng Items của chúng tôi như sau:
Khi bạn mở ứng dụng để chỉnh sửa trong Power Apps Studio:
Mở tab Chèn và mở rộng Thực tế kết hợp.
Chọn View in MR để đặt mục kiểm soát trên màn hình ứng dụng hoặc kéo mục kiểm soát vào màn hình để định vị chính xác hơn.
Trên tab thuộc tính Nâng cao, hãy chọn thuộc tính Items rồi nhập hoặc dán mã sau:
Table( { label: "Birds of Paradise", source: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/bird_of_paradise_blue.glb", thumbnail: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/bird_of_paradise_blue.png" }, { label: "Fiddle Leaf Fig", source: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/flf_orange.glb", thumbnail: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/flf_orange.png" }, { label: "Small Palm Tree", source: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/palm_green.glb", thumbnail: "https://raw.githubusercontent.com/microsoft/experimental-pcf-control-assets/master/palm_green.png" } )Đặt thuộc tính ItemsLabel thành
"label".Đặt thuộc tính ItemsSource thành
"source".Đặt thuộc tính ItemsThumbnail thành
"thumbnail".
Lưu ý
Thuộc tính Items được đặt thành nguồn dữ liệu của bạn, đây có thể là bộ sưu tập từ một trình kết nối hoặc một bảng được mã hóa cứng như ở ví dụ này. Các thuộc tính ItemsSource, ItemsLabel và ItemsThumbnail được đặt thành tên cột của nguồn dữ liệu đó đặt trong dấu ngoặc kép.
- Lưu và phát hành ứng dụng, rồi mở ứng dụng trên thiết bị di động của bạn để dùng thử.
Cách đối tượng được điều chỉnh tỷ lệ nếu bạn thay đổi kích thước
Nếu bạn không chỉ định kích thước khi đặt mô hình, mục kiểm soát View in MR sẽ tuân theo các kích thước đã cho trong tệp đối tượng. Bạn có thể thay đổi kích thước mô hình bằng cách nhập giá trị khác 0 vào một hoặc nhiều thuộc tính chiều rộng, chiều cao và chiều sâu của mục điều khiển (Object width, Object height và Object depth). Cách điều chỉnh tỷ lệ cho mô hình phụ thuộc vào số lượng kích thước bạn thay đổi.
Nếu tất cả kích thước là 0 (mặc định), kích cỡ của mô hình được giữ nguyên như được trong tệp đối tượng.
Nếu bạn đặt một kích thước, mô hình sẽ được điều chỉnh tỷ lệ tương đương dựa trên kích thước đã thay đổi, tương tự với trường hợp đặt "giữ nguyên tỷ lệ khung hình" khi bạn thay đổi kích thước hình ảnh.
Nếu bạn đặt hai kích thước, mô hình sẽ điều chỉnh tỷ lệ theo hai kích thước đã cho và trung bình của hai kích thước ban đầu.
Ví dụ: giả sử bạn có một mô hình cao 12 m, rộng 6 m và sâu 3 m. Bạn đặt thuộc tính của mục kiểm soát View in MR như sau: Object height: 24, Object width: 9, Object depth: 0 (không thay đổi). Chiều cao tăng gấp 2 lần và chiều rộng tăng gấp 1,5 lần. Hệ thống sẽ tính trung bình mức tăng chiều cao và chiều rộng để tìm ra hệ số để điều chỉnh chiều sâu: 2 + 1,5 = 3,5/2 = 1,75. Kích thước cuối cùng của mô hình là Chiều cao của đối tượng 24, Chiều rộng của đối tượng 9 và Chiều sâu của đối tượng 5,25 (3 x 1,75).Nếu bạn đặt cả 3 kích thước, chúng tôi thay đổi kích thước của mô hình theo giá trị bạn chỉ định.
Lưu ý
Nếu các giá trị đo không tuân theo tỷ lệ khung hình ban đầu, mô hình có thể bị bóp méo hoặc méo mó khi xem ở dạng thực tế kết hợp.
Thuộc tính
Thay đổi hành vi và giao diện của nút View in MR thông qua phần thuộc tính. Một số thuộc tính chỉ có sẵn trên tab Nâng cao.
| Thuộc tính | Description | Loại | Vị trí |
|---|---|---|---|
| Văn bản | Đặt văn bản nhãn nút. | String | Thuộc tính; Nâng cao: Text |
| Văn bản thay thế | Chỉ định văn bản sẽ được hiển thị nếu mô hình không tải được hoặc nếu người dùng di chuột trên mô hình. | String | Thuộc tính; Nâng cao: AltText |
| Kiểu hiển thị | Xác định liệu nhãn nút chỉ hiển thị một biểu tượng khối lập phương, văn bản hay cả hai. | Chọn danh sách thả xuống | Thuộc tính; Nâng cao: DisplayType |
| Nguồn | Xác định nguồn dữ liệu (tệp .glb, .stl hoặc .obj file) sẽ hiển thị. | Không áp dụng | Thuộc tính; Nâng cao: Source |
| Danh sách nguồn (Mục) | Nguồn dữ liệu (bảng) liệt kê nhiều tệp phương tiện để xem trong một phiên thực tế kết hợp duy nhất. | Bảng | Thuộc tính; Nâng cao: (Items) |
| Chiều rộng đối tượng | Đặt chiều rộng của mô hình. | Số nguyên | Thuộc tính; Nâng cao: ObjectWidth |
| Chiều cao của đối tượng | Đặt chiều cao của mô hình. | Số nguyên | Thuộc tính; Nâng cao: ObjectHeight |
| Độ sâu của đối tượng | Đặt chiều sâu của mô hình. | Số nguyên | Thuộc tính; Nâng cao: ObjectDepth |
| Đơn vị đo | Đặt đơn vị đo được sử dụng cho các chiều rộng, chiều cao và chiều sâu. | Danh sách | Thuộc tính; Nâng cao: Units |
| Bật hiệu ứng đổ bóng | Xác định xem có sử dụng bóng để nâng cao hiệu ứng 3D khi hiển thị mô hình không. | Boolean | Thuộc tính; Nâng cao: EnableShadows |
| Bật tính năng phát hiện vạch dấu | Xác định xem liệu tính năng phát hiện vạch dấu có được sử dụng để xác định vị trí và mức độ xoay mô hình hay không. Xem Sử dụng tính năng phát hiện vạch dấu nhờ các kiểm soát thực tế kết hợp | Boolean | Thuộc tính; Nâng cao: EnableMarkerDetection |
| Hiển thị | Hiển thị hoặc ẩn nút. | Boolean | Thuộc tính; Nâng cao: Visible |
| Vị trí | Đặt góc trên bên trái của nút ở tọa độ màn hình được chỉ định trong x và y. | Số thực dấu phẩy động | Thuộc tính; Nâng cao: X, Y |
| Kích cỡ | Xác định kích thước của nút bằng cách sử dụng các giá trị pixel được cung cấp trong Width và Height. | Số nguyên | Thuộc tính; Nâng cao: Width, Height |
| Phần đệm trên cùng | Đặt khoảng cách giữa văn bản nhãn nút và phần trên nút. | Số thực dấu phẩy động | Thuộc tính; Nâng cao: PaddingTop |
| Phần đệm dưới cùng | Đặt khoảng cách giữa văn bản nhãn nút và phần dưới nút. | Số thực dấu phẩy động | Thuộc tính; Nâng cao: PaddingBottom |
| Phần đệm bên trái | Đặt khoảng cách giữa văn bản nhãn nút và lề trái của nút. | Số thực dấu phẩy động | Thuộc tính; Nâng cao: PaddingLeft |
| Phần đệm bên phải | Đặt khoảng cách giữa văn bản nhãn nút và lề phải của nút. | Số thực dấu phẩy động | Thuộc tính; Nâng cao: PaddingRight |
| Phông chữ | Đặt tên của họ phông chữ được sử dụng cho văn bản nhãn nút. | Danh sách | Thuộc tính; Nâng cao: Font |
| Cỡ phông chữ | Đặt cỡ văn bản nhãn trên nút. | Số thực dấu phẩy động | Thuộc tính; Nâng cao: FontSize |
| Độ dày chữ | Đặt độ dày nét của văn bản nhãn nút: Bold, Lighter, Normal hoặc Semibold. | Danh sách | Thuộc tính; Nâng cao: FontWeight |
| Lề chữ | Đặt căn chỉnh ngang cho văn bản nhãn nút: Center, Justify, Left hoặc Right. | Không áp dụng | Thuộc tính; Nâng cao: TextAlignment |
| Căn dọc | Đặt thuộc tính căn chỉnh dọc của văn bản nhãn nút: Bottom, Middle hoặc Top. | Danh sách | Thuộc tính; Nâng cao: VerticalAlign |
| Kiểu phông | Đặt kiểu của văn bản nhãn nút: Italic, Underline, Strikethrough hoặc không có. | Không áp dụng | Đặc tính; Nâng cao: Italic, Underline, Strikethrough |
| Bán kính viền | Xác định bán kính góc của đường viền nút. | Số thực dấu phẩy động | Thuộc tính; Nâng cao: BorderRadius |
| Màu | Đặt màu sắc của văn bản nhãn nút và nền nút. | Không áp dụng | Đặc tính; Nâng cao: FillColor, TextColor |
| Viền | Xác định kiểu, chiều rộng và màu sắc của đường viền nút. | Không áp dụng | Thuộc tính; Nâng cao: BorderStyle, BorderThickness, BorderFillColor |
| Đã tắt | Tắt nút nhưng vẫn hiển thị. | Boolean | Đặc tính; Nâng cao: Disabled |
| Màu khi tắt | Đặt màu của văn bản nhãn nút, nền nút và đường viền nút nếu DisplayMode được đặt là Disabled. | Không áp dụng | Thuộc tính; Nâng cao: DisabledContentColor, DisabledFillColor, DisabledBorderColor |
| Màu khi nhấn chuột lên | Đặt màu của văn bản nhãn nút, nền nút và đường viền nút khi người dùng chọn nút. | Không áp dụng | Thuộc tính; Nâng cao: PressedContentColor, PressedFillColor, PressedBorderColor |
| Màu khi di chuột lên | Đặt màu của văn bản nhãn nút, nền nút và đường viền nút khi người dùng di con trỏ chuột qua đó. | Không áp dụng | Thuộc tính; Nâng cao: HoverContentColor, HoverFillColor, HoverBorderColor |
| OnMixedRealitySelect | Hành vi được kích hoạt khi người dùng chọn nút để bắt đầu trải nghiệm thực tế kết hợp. | Hành động xác định | Nâng cao |
| OnChange | Hành vi được kích hoạt khi bất kỳ thuộc tính nào trên nút bị thay đổi. | Hành động xác định | Nâng cao |
| Mách nước | Xác định văn bản để hiển thị khi người dùng di chuột qua nút. | String | Nâng cao |
| ContentLanguage | Xác định ngôn ngữ hiển thị của nhãn nút, nếu khác với ngôn ngữ được sử dụng trong ứng dụng. | String | Nâng cao |
| DisplayMode | Xác định xem nút này sẽ cho phép người dùng nhập (Edit), chỉ hiển thị dữ liệu (View) hay bị tắt (Disabled). | Enum | Nâng cao |
| TabIndex | Chỉ định thứ tự nút được chọn nếu người dùng điều hướng ứng dụng bằng phím Tab. | Số nguyên | Thuộc tính; Nâng cao: TabIndex |
Thuộc tính đầu ra
Ứng dụng của bạn có thể tận dụng nhiều thuộc tính hơn khi người dùng tương tác với mục kiểm soát View in MR. Những thuộc tính này được gọi là thuộc tính đầu ra. Bạn có thể sử dụng những thuộc tính đầu ra này trong các mục kiểm soát khác hoặc để tùy chỉnh trải nghiệm trên ứng dụng.
| Thuộc tính | Description | Loại |
|---|---|---|
| Ảnh | Thu thập các bức ảnh được chụp trong phiên thực tế kết hợp. Bạn có thể tải ảnh thực tế hỗn hợp lên OneDrive và hiển thị chúng trong thư viện. | Không áp dụng |
Các kiểm soát thực tế kết hợp khác
- Xem nội dung 3D với mục kiểm soát 3D object.
- Đo khoảng cách, diện tích và thể tích với tùy chọn kiểm soát Measure in mixed reality.
- Tạo và xem các hình dạng 3D được xác định trước với mục kiểm soát View shape in mixed reality
- Vẽ các đường 3D hoặc vẽ các mũi tên 3D để chỉ định một khu vực hoặc tài sản trong môi trường của bạn với mục kiểm soát Markup in MR.
Xem thêm
- Tạo một ứng dụng có kiểm soát 3D và mixed reality
- Sử dụng tính năng phát hiện vạch dấu nhờ các kiểm soát thực tế kết hợp
Lưu ý
Bạn có thể cho chúng tôi biết bạn thích dùng ngôn ngữ nào cho tài liệu không? Làm một cuộc khảo sát ngắn. (xin lưu ý, khảo sát này bằng tiếng Anh)
Cuộc khảo sát sẽ mất khoảng bảy phút. Không có dữ liệu cá nhân nào được thu thập (điều khoản về quyền riêng tư).