연습 - Power Apps의 MR에서 측정 및 필터

  • 10분

이 단원에서는 Power Apps의 주요 기능 구성 요소 중 일부를 사용합니다. 여기에는 MR 및 필터링 방법의 측정값이 포함됩니다. 사용자는 MR 구성 요소에서 Power Apps의 측정값을 사용하여 실제 환경에서 거리, 영역 및 볼륨을 측정할 수 있습니다 .

MR에서 측정값을 사용한 공간 필터링

MR의 측정값 기능은 측정 세션을 통해 수신된 측정값에 따라 실제 세계에 쉽게 배치할 수 있는 제품을 공간적으로 필터링하는 데 사용됩니다. 일부 기본 수식은 필터링을 수행하는 데 사용됩니다.

  1. 홈 페이지로 이동합니다. 삽입 탭에서 Mixed Reality 드롭다운을 확장하고 MR에서 측정값을 선택합니다.

    MR에서 측정값을 추가하는 스크린샷

  2. 그림 과 같이 MR 단추에 측정 값을 배치하고 다음 속성을 구성합니다.

    • 텍스트: 차원별로 필터링
    • 측정 단위: 센티미터
    • 측정 유형: 자유형

    MR에서 측정값의 속성을 구성하는 스크린샷

  3. 홈 페이지에서 갤러리>를 선택하여 갤러리를 추가합니다. 갤러리의 이름을 Measure_gallery 변경합니다.

    갤러리를 추가하는 스크린샷

  4. [차원 기준 필터] 단추 바로 아래에 세로 갤러리를 배치합니다. 제목, 부제목 및 본문을 선택하여 Layout 속성을 구성합니다.

    레이아웃을 구성하는 스크린샷

  5. 다음 줄을 추가하여 Measure_galleryItems 속성을 구성합니다.

    MeasureInMR1.Measurements

    갤러리 데이터 원본의 스크린샷

  6. 구분 기호와 NextArrow를 제거합니다. 이미지에 표시된 것처럼 제목, 부제목 및 본문을 서로 평등하게 배치합니다.

    균등 배치의 스크린샷.

  7. 다음과 같이 세 레이블의 Text 속성을 구성합니다.

    • 제목:

      "Unit: "&ThisItem.Unit

      제목 텍스트의 스크린샷

    • 부제:

      "Area: "&ThisItem.Area&"cm²"

      자막 텍스트의 스크린샷.

    • 본문:

      "Height: "&ThisItem.Height&"cm"

      본문 텍스트의 스크린샷.

  8. 사용자가 행복하지 않은 경우 측정값을 다시 실행하도록 다시 로드 아이콘을 추가해 보겠습니다. 삽입 탭에서 아이콘 드롭다운을 확장하고 다시 로드 아이콘을 선택합니다.

    다시 로드 아이콘을 추가하는 스크린샷

  9. 이미지에 표시된 대로 아이콘을 배치하고 다음과 같이 OnSelect 속성을 구성합니다.

    UpdateContext({galleryvisible:false});

    다시 로드 아이콘에 대해 OnSelect를 구성하는 스크린샷.

    팁 (조언)

    애플리케이션의 디자인과 일치하도록 글꼴, 글꼴 크기 및 글꼴 스타일을 사용자 지정할 수 있습니다. 그러나 사용자 환경을 개선하려면 애플리케이션 전체에서 일관된 글꼴을 유지 관리합니다.

  10. MR 구성 요소의 측정값 이 완전히 구성되면 공간 필터링으로 이동합니다. 여기서는 MR 세션의 측정값에서 받은 너비, 깊이 및 높이 값을 기준으로 제품을 공간적으로 필터링합니다.

    제품 페이지로 이동한 다음 다음과 같이 Gallery_productsItems 속성을 구성합니다.

    If(
ID = 1 And Measure_gallery.Selected.Height = 0,
(Filter('Easy Sales',(ProductCategory = "Sofa") And ((Depth < Measure_gallery.Selected.BoundingDepth And Width < Measure_gallery.Selected.BoundingWidth) Or (Depth < Measure_gallery.Selected.BoundingWidth And Width < Measure_gallery.Selected.BoundingDepth)))),
ID = 1 And Measure_gallery.Selected.Height > 0,
(Filter('Easy Sales',(ProductCategory = "Sofa") And ((Depth < Measure_gallery.Selected.BoundingDepth And Width < Measure_gallery.Selected.BoundingWidth And Height <= Measure_gallery.Selected.Height) Or (Depth < Measure_gallery.Selected.BoundingWidth And Width < Measure_gallery.Selected.BoundingDepth And Height <= Measure_gallery.Selected.Height)))),
ID = 1,
Filter('Easy Sales',ProductCategory = "Sofa"), 

ID = 2,
Filter('Easy Sales',ProductCategory = "Chair"), 
ID = 2 And Measure_gallery.Selected.Height = 0,
(Filter('Easy Sales',(ProductCategory = "Chair") And ((Depth < Measure_gallery.Selected.BoundingDepth And Width < Measure_gallery.Selected.BoundingWidth) Or (Depth < Measure_gallery.Selected.BoundingWidth And Width < Measure_gallery.Selected.BoundingDepth)))),
ID = 2 And Measure_gallery.Selected.Height > 0,
(Filter('Easy Sales',(ProductCategory = "Chair") And ((Depth < Measure_gallery.Selected.BoundingDepth And Width < Measure_gallery.Selected.BoundingWidth And Height <= Measure_gallery.Selected.Height) Or (Depth < Measure_gallery.Selected.BoundingWidth And Width < Measure_gallery.Selected.BoundingDepth And Height <= Measure_gallery.Selected.Height)))),

ID = 3,
Filter('Easy Sales',ProductCategory = "Table"),
ID = 3 And Measure_gallery.Selected.Height = 0,
(Filter('Easy Sales',(ProductCategory = "Table") And ((Depth < Measure_gallery.Selected.BoundingDepth And Width < Measure_gallery.Selected.BoundingWidth) Or (Depth < Measure_gallery.Selected.BoundingWidth And Width < Measure_gallery.Selected.BoundingDepth)))),
ID = 3 And Measure_gallery.Selected.Height > 0,
(Filter('Easy Sales',(ProductCategory = "Table") And ((Depth < Measure_gallery.Selected.BoundingDepth And Width < Measure_gallery.Selected.BoundingWidth And Height <= Measure_gallery.Selected.Height) Or (Depth < Measure_gallery.Selected.BoundingWidth And Width < Measure_gallery.Selected.BoundingDepth And Height <= Measure_gallery.Selected.Height))))
)

    소파에서 항목을 구성하는 스크린샷

    중요합니다

    나중에 오류가 발생하지 않도록 SharePoint 목록 및 갤러리 에 적절한 이름을 제공합니다. 혼동을 방지하기 위해 수식에서 구성 요소의 이름을 유지 관리합니다.

    비고

    제품과 관련된 다른 기능이 추가되므로 카펫 페이지에는 공간 필터링이 포함되지 않습니다. MR 세션의 측정값에서 측정된 영역은 선택한 카펫의 가격을 예측하는 데 사용됩니다.

    팁 (조언)

    위쪽의 파일 탭을 선택하고 저장 옵션을 선택하여 애플리케이션을 자주 저장 합니다. 메시지가 표시되면 클라우드 옵션을 선택한 다음 저장을 선택합니다.

영역을 기준으로 가격 계산

  1. Carpet_details 페이지로 이동한 다음 레이블을 추가한 다음 Area_carpets 이름을 바꿉니다.

    영역 레이블 추가 스크린샷

  2. Area_carpets 레이블 옆에 다른 빈 레이블을 추가한 다음 다음과 같이 빈 레이블의 Text 속성을 구성하여 계산된 영역을 표시합니다.

    Measure_gallery.Selected.Area&"cm²"

    영역 계산의 스크린샷.

  3. 다음과 같이 가격 레이블 옆에 레이블을 구성하여 계산된 가격을 표시합니다.

    "$"&Measure_gallery.Selected.Area * content_carpets.'Price/cm2'

    가격 계산의 스크린샷

위의 단계를 구현한 후 애플리케이션은 실제 측정값에 따라 제품을 공간적으로 필터링하고 카펫의 정확한 가격을 계산합니다.

mr 및 공간 필터링에서 측정값을 구현한 후 애플리케이션 데모의 애니메이션입니다.