대화형 사용자 경험을 위한 Power Apps 팝업 양식

이 자습서에서는 Power Apps 팝업 양식을 만드는 방법과 보다 사용자 지정되고 대화형 사용자 환경을 제공하는 방법을 보여 드리겠습니다. 이 블로그 하단에서 이 튜토리얼의 전체 비디오를 볼 수 있습니다.

Form Power Apps 팝업은 사용자에게 맞춤형 환경을 제공하고 사용자가 기본 데이터베이스에서 수행하려는 작업의 유효성을 검사할 수 있는 매우 강력한 도구입니다.

예를 들어, iPhone으로 이동하여 애플리케이션을 삭제하려고 하면 애플리케이션을 삭제할 것인지 묻는 메시지가 표시됩니다. 그 이유는 수행할 작업을 원하는지 확인하는 유효성 검사 단계가 포함된 매우 우수한 UI를 만들기 위해서입니다.

Power Apps 내에서 동일한 작업을 수행할 것입니다. Power Apps가 작동하는 방식은 화면에 표시되는 요소가 있기 때문에 기본적으로 Power Apps에서 수행하는 것은 약간 어렵습니다. 화면을 다른 화면에 겹쳐 놓을 수 없습니다. 그래서 우리가 하는 것은 그것을 모방하기 위해 그룹화 방법을 사용하는 것입니다. 이제 Power Apps로 이동하여 수행 방법을 보여드리겠습니다.

목차

양식 Power Apps 팝업을 만드는 방법

Power Apps 편집기로 이동해 보겠습니다. 이 예에서는 비즈니스를 위한 비용 보고 응용 프로그램을 만드는 중입니다. 화면 왼쪽에는 내 모든 비용에 대한 갤러리가 있습니다. 비용을 클릭하면 오른쪽에서 해당 비용에 대한 자세한 정보를 얻을 수 있습니다.

설명, 금액, 범주, 상태 등과 같은 경비 보고서에 대한 자세한 정보를 볼 수 있습니다.

대화형 사용자 경험을 위한 Power Apps 팝업 양식

이 외에도 편집을 클릭할 수 있으며 하단에는 이 레코드도 삭제할 수 있는 휴지통 아이콘이 있습니다.

이제 양식 팝업을 만들어 사용자가 기록을 삭제하면 사용자가 실제로 기록을 삭제할지 여부를 확인하는 메시지 상자가 나타납니다.

대화형 사용자 경험을 위한 Power Apps 팝업 양식

가장 먼저 할 일은 전체 화면을 덮을 사각형을 추가하는 것입니다. 화면의 모양을 서로 겹쳐서 미러링하기 위해 화면이 약간 흐려진 것처럼 보일 것입니다.

삽입 으로 이동한 다음 아이콘으로 이동하고 맨 아래까지 직사각형으로 이동합니다. 사각형이 전체 화면을 덮도록 하겠습니다.

대화형 사용자 경험을 위한 Power Apps 팝업 양식

다음으로 할 일은 이 모양의 색상을 어두운 회색으로 변경하는 것입니다. 그런 다음 이 사각형의 채우기 속성 으로 이동합니다 . 빨간색, 녹색, 파란색이 있지만 불투명도 또는 투명도를 나타내는 알파 값도 있습니다. 투명도를 0.7로 하여 약간 흐릿하게 보입니다.

대화형 사용자 경험을 위한 Power Apps 팝업 양식

다음으로 팝업 상자가 될 또 다른 사각형을 추가합니다. 그런 다음 사용자에 대한 일종의 경고인 레이블을 추가합니다. 색상을 변경하고 글꼴 크기를 조정할 수 있습니다.

대화형 사용자 경험을 위한 Power Apps 팝업 양식

이제 실제로 삭제할 레코드를 사용자에게 보여주려고 합니다. 따라서 이름, 금액, 삭제하려는 경비 보고서의 범주와 같은 값이 필요합니다.

이를 위해 레이블로 돌아가서 이름, 금액 및 범주를 추가합니다. 표시하려는 레코드는 기본 갤러리에서 선택한 레코드를 기반으로 합니다. 여기서 기본 갤러리를 갤러리 1 이라고 합니다 . 따라서 갤러리 1에서 선택된 항목의 이름은 단순히 Gallery1.Selected.Title 입니다 . 금액은 Gallery1.Selected.Amount 가 되고 범주의 경우 Gallery1.Selected.Status.Value 가 됩니다.

대화형 사용자 경험을 위한 Power Apps 팝업 양식

그런 다음 두 개의 버튼을 추가합니다. 하나의 버튼은 기본적으로 Delete 이고 다른 하나는 Go Back 입니다 . 색상과 크기도 조정하겠습니다.

대화형 사용자 경험을 위한 Power Apps 팝업 양식

이제 누군가가 휴지통 또는 휴지통 아이콘을 클릭하면 레코드가 삭제되지 않고 대신 이 팝업 상자가 표시되는지 확인해야 합니다. 이를 위해 팝업 상자에서 모든 항목을 강조 표시하고 마우스 오른쪽 버튼을 클릭한 다음 Group 을 선택합니다 .

대화형 사용자 경험을 위한 Power Apps 팝업 양식

이것은 Power Apps의 좋은 점 중 하나입니다. 요소를 함께 그룹화할 수 있습니다. 이를 통해 Group1 이라는 그룹을 만들었습니다 .

좋은 점은 그룹의 속성(예: 가시성)을 수정하면 다른 모든 속성에 영향을 미친다는 것입니다. 이렇게 하나하나 잘 어우러지는게 너무 좋네요. 해당 요소의 모든 속성을 한 번에 제어할 수 있기 때문에 그룹화하는 것이 좋습니다.

예를 들어, 우리는 이러한 모든 속성의 가시성을 제어하고 지금은 "거짓"으로 만들고 싶습니다.

대화형 사용자 경험을 위한 Power Apps 팝업 양식

이제 휴지통 아이콘을 선택해 봅시다. 선택했을 때 볼 수 있듯이 이러한 모든 기능을 수행하며 이러한 기능은 기본적으로 레코드가 삭제되었는지 확인합니다. 그러나 우리는 그것을 원하지 않습니다. 그래서 지금은 이것을 복사하여 빈 메모장에 넣어 어딘가에 저장하겠습니다. 이것은 레코드를 삭제하기 위해 만든 실제 함수이며 간단히 삭제합니다.

대화형 사용자 경험을 위한 Power Apps 팝업 양식

이제 양식이 실제로 팝업되는 시기를 제어할 새 변수를 만듭니다. 이 변수를 set 함수라고 부르겠습니다. 변수 이름을 ConfirmPopUp 으로 지정 하고 이를 true로 설정합니다.

대화형 사용자 경험을 위한 Power Apps 팝업 양식

그런 다음 그룹을 선택하고 가시성 속성을 해당 변수인 ConfirmPopUp으로 설정합니다. true로 설정되어 있으므로 모든 것을 볼 수 있습니다.

대화형 사용자 경험을 위한 Power Apps 팝업 양식

다음으로 할 일은 뒤로 가기를 클릭하는 것입니다. 클릭과 관련된 작업이 있습니다. 누군가 그것을 선택하면 Group1의 가시성이 거짓이 되기를 원합니다.

대화형 사용자 경험을 위한 Power Apps 팝업 양식

다음으로 메모장에 저장한 기능을 실행하기 위해 삭제 버튼의 OnSelect 동작을 변경해야 합니다.

대화형 사용자 경험을 위한 Power Apps 팝업 양식

마지막으로 해야 할 일은 누군가가 삭제 버튼을 클릭한 후 팝업을 제거하는 것입니다. 따라서 다른 작업을 추가하고 ConfirmPopUp 변수를 false로 설정합니다. 이것이 바로 Power Apps 내에서 팝업을 사용하는 방법입니다.


Microsoft Power Apps: 요소 그룹화
Power Apps 환경: 앱 요소를 적절하게 설정
Power Apps: 이 혁신적인 도구로 시작하기

결론

Power Apps 팝업을 사용하는 한 가지 이유는 사용자를 위한 맞춤형 환경을 만들기 위해서입니다. 또 다른 하나는 사용자에게 유익하기 때문에 사용자에 대한 일종의 유효성 검사를 만드는 것입니다.

사용자가 기본 SharePoint 목록 이나 데이터베이스로 이동하여 특정 항목을 편집하고 삭제하는 것과 혼동하지 않도록 사용자를 위한 사용자 인터페이스를 만드는 것이 전부입니다 . 그들은 아무것도 망치지 않도록 당신이 그들을 위해 만든 UI의 안전에서 그것을 할 수 있습니다. 양식 팝업은 이를 달성하기 위한 강력한 도구입니다.

궁금한 점이 있으면 아래 댓글 섹션에 의견을 남겨주세요.

모두 제일 좋다!

헨리

Leave a Comment

SharePoint의 계산된 열 | 개요

SharePoint의 계산된 열 | 개요

SharePoint에서 계산된 열의 중요성과 목록에서 자동 계산 및 데이터 수집을 수행하는 방법을 알아보세요.

Power Apps에서 변수 만들기: 컬렉션 작업

Power Apps에서 변수 만들기: 컬렉션 작업

컬렉션 변수를 사용하여 Power Apps에서 변수 만드는 방법 및 유용한 팁에 대해 알아보세요.

Microsoft Flow HTTP 트리거 | Power Automate 자습서

Microsoft Flow HTTP 트리거 | Power Automate 자습서

Microsoft Flow HTTP 트리거가 수행할 수 있는 작업과 Microsoft Power Automate의 예를 사용하여 이를 사용하는 방법을 알아보고 이해하십시오!

Power Automate 흐름: 사용법 및 유형 설명

Power Automate 흐름: 사용법 및 유형 설명

Power Automate 흐름 및 용도에 대해 자세히 알아보세요. 다양한 작업 및 시나리오에 사용할 수 있는 다양한 유형의 흐름에 대해 설명합니다.

흐름에서 Power Automate 종료 작업 제어

흐름에서 Power Automate 종료 작업 제어

조건이 충족되지 않는 경우 흐름에서 작업을 종료하는 Power Automate 종료 작업 컨트롤을 올바르게 사용하는 방법을 알아봅니다.

PowerApps 시작 기능: 앱에서 다른 서비스를 시작하는 방법

PowerApps 시작 기능: 앱에서 다른 서비스를 시작하는 방법

PowerApps 실행 기능에 대해 자세히 알아보고 자신의 앱에서 바로 웹사이트, 전화, 이메일 및 기타 앱과 같은 기타 서비스를 실행하십시오.

Power Automate의 HTTP 요청 – 소개

Power Automate의 HTTP 요청 – 소개

타사 애플리케이션 통합과 관련하여 Power Automate의 HTTP 요청이 작동하는 방식을 배우고 이해합니다.

Power Automate Desktop: 마우스 클릭 보내기 기능을 사용하는 방법

Power Automate Desktop: 마우스 클릭 보내기 기능을 사용하는 방법

Power Automate Desktop에서 Send Mouse Click을 사용하는 방법을 알아보고 이것이 어떤 이점을 제공하고 흐름 성능을 개선하는지 알아보십시오.

PowerApps 변수: 컨텍스트 및 전역 변수 식별

PowerApps 변수: 컨텍스트 및 전역 변수 식별

PowerApps 변수의 작동 방식, 다양한 종류, 각 변수가 앱에 기여할 수 있는 사항을 알아보세요.

Power Automate에서 실행할 데스크톱 흐름 예약

Power Automate에서 실행할 데스크톱 흐름 예약

이 자습서에서는 Power Automate를 사용하여 웹 또는 데스크톱에서 작업을 자동화하는 방법을 알려줍니다. 데스크톱 흐름 예약에 대한 포괄적인 가이드를 제공합니다.