创建应用以在混合现实中查看形状
您可以在应用中使用 在 MR 中查看形状 控件让用户查看简单的立方体是否适合指定的空间。 用户可能希望通过这种方式来查看您提供的特定对象在他们的空间内的适应情况。 如果您有对象的 3D 模型或正面图片,并且您想进行拟合测试,请考虑改用以混合现实方式查看。
此控件在您的应用中创建一个按钮。 当应用用户选择按钮时,它会在设备的实时相机源上覆盖立方体。 在 Power Apps 中编辑控件时,将设置立方体的维度。
观看此视频了解如何构建具有 在 MR 中查看形状 控件的移动应用:
在本文中,我们将在应用中创建一个屏幕,用户可以在此屏幕中输入要使用的单位(厘米、英尺、英寸或米),并定义立方体的高度、宽度和深度,以创建一个自定义立方体形状。
先决条件
请参阅支持混合现实的设备的先决条件。
为立方体的维度和单位添加控件
向应用屏幕添加用于定义立方体的维度和单位的标题和标签。
标题标签
在 Power Apps Studio 中打开一个应用以进行编辑,向屏幕添加文本标签。 将其放在屏幕的左上角并在“属性”选项卡中修改以下属性:
属性 | 值 |
---|---|
Text | "Place A Cube" |
Font size | 24 |
Font weight | FontWeight.Semibold |
Text alignment | Align.Center |
Width | Parent.Width |
然后在“高级”选项卡中,修改以下属性:
属性 | 值 |
---|---|
Color | RGBA(255, 255, 255, 1) |
Fill | RGBA(56, 96, 178, 1) |
此更改将为屏幕提供一个标题。
用于指定立方体属性的标签和控件
向屏幕添加四个文本标签。 这些标签将用于标识稍后将添加的控件。 对于每个标签,将 Text 属性修改为下列值之一:
Unit Type
Width
Height
Depth
将这些标签的 Width 属性设置为 160,并放置标签,以便在屏幕左上方附近按上述顺序垂直堆积标签。
添加下拉控件和三个文本输入控件。 下拉列表将用于选择立方体维度的单位类型,三个文本输入控件将用于输入立方体的宽度、高度和深度。
选择此下拉列表,将其重命名为 drpUnitType,并更改以下属性:
属性 值 Items ["Centimeters", "Feet", "Inches", "Meters"]
Default "Feet"
Width 280
将此控件放在“单位类型”标签的右侧。
添加三个文本输入控件,并将其重命名为 txtShapeHeight、txtShapeWidth 和 txtShapeDepth。 更改所有三个控件的以下属性:
属性 值 Default 2
Format TextFormat.Number
Width 144
将名为 txtShapeWidth 的文本输入控件放在“宽度”标签的右侧。 同样,将名为 txtShapeHeight 和 txtShapeDepth 的控件分别放到“高度”和“深度”标签的右侧。
接下来,您将添加 在 MR 中查看形状 控件,并将其配置为使用创建的控件为将生成的 MR 立方体提供动态维度。
插入 在 MR 中查看形状 控件
将此控件插入您的应用中。
打开插入选项卡。
展开混合现实。
选择控件 在 MR 中查看形状 将其放置在应用屏幕的中央,或将其拖放到屏幕上的任何位置。
添加控件后,将其放在屏幕底部附近并更改以下属性:
属性 值 Text "Place a cube"
ShapeWidth txtShapeWidth.Text
ShapeHeight txtShapeHeight.Text
ShapeDepth txtShapeDepth.Text
Units drpUnitType.Selected.Value
Width 280
测试应用
现在添加了所有控件,请保存并发布该应用。 在支持混合实现的设备中,打开应用,然后按放置一个立方体按钮。 这将启用在 MR 中查看形状体验,并允许用户定义要测量的区域。
按照屏幕上的说明缓慢左右移动设备来校准设备,同时将相机指向要测量的表面。 校准完成后,您将在表面上看到一组点,并在屏幕中心附近看到一个圆圈。 此圆圈显示最初可以放置立方体的位置。 放置立方体后,可以使用触摸控件移动或旋转立方体。
要移动立方体,请按下它并将其滑动到您想要放置的位置。 要旋转立方体,请将一根手指按在屏幕上,然后用另一根手指向右或向左滑动。
使用左上角的后退按钮返回到应用屏幕并更改宽度、高度、深度或单位类型设置中的一项或多项。 选择放置一个立方体按钮,然后放置新的立方体。