Power Apps 환경: 앱 요소를 올바르게 설정

이 자습서에서는 Power Apps 환경을 적절하게 배치하는 방법을 보여드리겠습니다.

Power Apps 사용의 가장 큰 이점 중 하나 는 모든 것을 배치하는 방법을 결정할 수 있는 사용자 지정 옵션의 양입니다. 여기서 목표는 앱 사용을 최대화할 수 있도록 Power Apps 환경의 모든 부분에 더 익숙해지도록 돕는 것입니다.

이것이 Power Apps 개발 환경의 모습입니다.

각 부분이 어떻게 작동하는지 자세히 설명하고 시연하는 별도의 자습서를 만들 것입니다. 하지만 지금은 이러한 서로 다른 부분이 수행하는 작업과 담당하는 작업에 집중하고 싶습니다.

목차

• Power Apps 환경의 중간 창
• 화면, 요소 및 하위 요소
• Power Apps 환경에서 사용되는 리본
• 앱 요소의 속성 변경
• 결론

Power Apps 환경의 중간 창

중간 영역부터 시작하겠습니다. 여기에서 빌드 중인 앱을 볼 수 있습니다.

보기를 변경하고 앱을 확대 및 축소하는 데 사용할 수 있는 확대/축소 슬라이더가 하단에 있습니다.

확대/축소 슬라이더 바로 옆에는 양방향 화살표가 있어 전체 창에 맞도록 앱 화면을 확장할 수 있습니다.

화면, 요소 및 하위 요소

왼쪽 창에는 작업 중인 앱 내의 다양한 화면이 표시됩니다. 현재는 가장 많이 사용되는 보기인 "트리 보기"로 정리되어 있습니다. 각 화면이 어떻게 더 작은 요소로 분기되는지 보여줍니다.

따라서 여기 왼쪽에 있는 목록 중 일부를 축소하면 현재 작업 중인 앱에 BrowseScreen1, DetailScreen1 및 EditScreen1이라는 세 개의 화면이 있음을 알 수 있습니다.

왼쪽 창의 첫 번째 화면을 클릭하면 앱의 찾아보기 화면이 표시됩니다. 이 화면에는 내 데이터 테이블에서 오는 항목 목록만 표시됩니다.

두 번째는 내 세부 정보 화면입니다. 이것은 내 찾아보기 화면의 목록에 있는 각 항목에 대한 세부 정보를 보여줍니다.

마지막 화면은 내 편집 화면으로 특정 레코드를 편집하거나 새 레코드를 만들 수 있습니다.

이 3개의 화면이 부족할 경우 새로운 화면을 추가할 수 있습니다. 나중에 자세히 다루겠습니다.

찾아보기 화면으로 돌아갑시다. 드롭다운을 클릭하면 찾아보기 화면에 있는 모든 요소의 목록이 표시됩니다.

여기서 첫 번째 요소는 기본적으로 레코드 목록인 갤러리를 보여줍니다. 가운데 창에서 앱을 보면 갤러리가 이 스크롤 가능한 레코드 목록을 포함하는 것을 볼 수 있습니다.

여기에 Rectangle11이라는 태그가 지정된 개체가 있습니다. 이 개체는 검색 표시줄과 갤러리 사이에 있는 단순한 사각형입니다.

돋보기 이미지인 검색 아이콘도 있습니다.

항목을 검색할 때 텍스트를 입력할 수 있는 텍스트 상자가 있습니다.

그 아래에는 빌드 중인 앱의 모든 부분을 나타내는 긴 요소 목록과 함께 더 많은 것이 있습니다. Microsoft는 일반적으로 직관적인 사용을 위해 도구를 구축하므로 각 요소는 해당 항목 또는 수행하는 작업을 나타내는 기호로 표시됩니다.

예를 들어 갤러리는 직사각형과 다릅니다. 갤러리는 레코드 목록이므로 다른 창을 표시하는 아이콘으로 표시됩니다. 사각형은 도형이므로 사각형을 나타내는 아이콘은 도형 모음을 보여줍니다. 텍스트 상자를 사용하면 텍스트를 작성할 수 있으므로 아이콘에 펜이 표시됩니다.

요소에는 하위 요소도 있을 수 있습니다. 예를 들어 BrowseGallery1에는 그 아래에 나열된 다른 요소가 있습니다. 이것은 갤러리가 앱에서 많은 일을 하고 있다는 것을 아는 것이 이치에 맞습니다.

예를 들어 갤러리에는 Title1이라는 요소가 있는데, 이는 갤러리 레코드의 맨 위에 있는 이름입니다.

갤러리 레코드에는 Title1 외에도 부제와 본문, 레코드 사이를 이동하는 다음 화살표와 구분 기호가 있습니다. 이들 모두는 왼쪽 창의 하위 요소로 표시됩니다.

더 왼쪽으로 이동하면 세 줄을 클릭하여 새로운 옵션 세트에 액세스할 수 있습니다.

보시다시피 메뉴의 첫 번째 항목은 지금까지 살펴본 트리 보기입니다. 또한 다른 요소를 삽입할 수도 있습니다.

프로젝트에서 사용된 데이터 소스도 보여줍니다. 이 경우 현재 앱에 통합된 데이터 소스는 하나뿐입니다. 이것은 OneDrive에서 가져온 것입니다.

데이터 원본에서 다른 엔터티 및 커넥터를 통합할 수도 있지만 이는 다른 자습서에서 설명할 고급 항목입니다.

메뉴에는 앱에서 사용되는 미디어도 표시됩니다. 여기에서 이미지, 비디오 및 오디오 파일을 업로드할 수 있습니다.

해당 메뉴를 접으려면 세 줄을 다시 클릭하면 됩니다.

Power Apps 환경에서 사용되는 리본

다른 Microsoft 프로그램과 마찬가지로 상단 부분은 일반적으로 리본으로 구성됩니다. 이러한 리본은 다양한 메뉴로 분류된 다양한 작업을 제공합니다.

홈 리본부터 시작하겠습니다.

홈 리본에서 사용할 수 있는 작업 중 하나는 새 화면을 만드는 것입니다. 파워포인트와 마찬가지로 선택할 수 있는 템플릿이 있습니다. 만들고 있는 앱에 이러한 템플릿을 적용할 수 없다고 생각되면 빈 화면에서 시작할 수 있습니다.

새 화면의 템플릿을 선택하면 트리 보기 하단에 템플릿이 추가된 것을 볼 수 있습니다.

최근 자습서에서 이야기한 테마도 있습니다.

또한 앱에서 텍스트를 선택하고 글꼴, 글꼴 크기 및 글꼴 색상을 변경하거나 굵게, 기울임꼴 또는 밑줄로 표시할 수 있습니다.

텍스트 정렬 방법을 선택할 수도 있습니다. 왼쪽 정렬, 오른쪽 정렬 또는 가운데 정렬을 사용할 수 있습니다.

삽입 리본을 사용하면 Power Apps 환경에 항목을 추가하거나 삽입할 수 있습니다.

예를 들어 레이블 요소를 삽입하려는 경우 레이블이라고 표시된 버튼을 클릭하면 해당 요소가 자동으로 삽입됩니다.

버튼을 삽입할 수도 있습니다.

여기에서 사용할 수 있는 다양한 유형의 텍스트 상자가 있습니다. 텍스트 아래의 드롭다운을 클릭하면 텍스트 입력, HTML 텍스트, 펜 입력 등을 삽입할 수 있습니다.

콤보 상자, 날짜 선택기, 목록, 상자, 확인란 및 슬라이더와 같은 다양한 유형의 입력도 있습니다.

다양한 유형의 갤러리를 선택할 수 있습니다. 지금은 앱에 수직 갤러리를 사용하고 있습니다. 그러나 수평 갤러리를 가질 수도 있고 화면에 이미지를 삽입할 수도 있습니다.

삽입 리본을 사용하면 데이터 테이블을 추가할 수도 있습니다. 이에 대해서는 다른 자습서에서 자세히 설명합니다.

여기에 양식을 삽입할 수도 있습니다. 우리가 만들고 있는 앱의 편집 화면을 기억한다면 사용자가 수동으로 앱에 데이터를 추가할 수 있는 양식을 제공합니다. 따라서 삽입 리본 아래의 양식을 클릭하기만 하면 화면 아래에 다른 양식을 추가할 수 있습니다.

미디어의 경우 이미지, 바코드 스캐너, 비디오 및 오디오를 삽입할 수 있습니다. 여기에서 사용자의 카메라, 마이크 및 기타 기능을 활성화하는 기능을 앱에 제공할 수 있습니다.

삽입 리본을 사용하여 추가할 수 있는 다른 항목은 차트, 아이콘 및 사용자 지정 개체입니다.

보기 리본으로 이동해 보겠습니다. 이를 통해 Power Apps 환경과 관련된 변수, 데이터 원본 및 기타 항목을 볼 수 있습니다.

마지막으로 Action 리본을 사용하면 다양한 자동화를 수행할 수 있습니다. 이것은 주제의 고급 부분이므로 다른 자습서에서 살펴보겠습니다.

앱 요소의 속성 변경

마지막으로 이야기하고 싶은 것은 속성 창을 표시하는 화면의 오른쪽입니다.

앱에서 사용되는 각 요소에는 해당 속성이 있습니다. Table1이라는 앱의 제목을 변경하고 싶다고 가정해 보겠습니다. 여기 LblAppName1의 왼쪽 창에서 특정 요소를 클릭하거나 앱에서 요소 자체를 클릭하여 강조 표시할 수 있습니다.

요소가 강조 표시되면 오른쪽에 해당 항목의 속성이 자동으로 표시됩니다.

각 요소에는 서로 다른 속성 집합이 있습니다. LblAppName1을 보면 요소 이름 위에 명시된 대로 레이블로 분류됩니다. 여기에는 앱에 표시되는 텍스트를 변경할 수 있는 텍스트 속성이 있습니다. 이 공간에서 직접 텍스트를 편집할 수도 있습니다.

글꼴 크기, 글꼴 두께, 글꼴 스타일 등을 선택할 수 있습니다.

다른 유형의 요소에는 다른 속성 세트도 있습니다. 여기 앱에서 새로 고침 아이콘을 살펴보겠습니다. 트리 보기를 보면 IconRefresh1이라는 요소입니다.

속성 창을 보면 아이콘으로 분류되어 있음을 알 수 있습니다. 또한 사용된 아이콘, 회전, 표시 모드 등과 같은 다른 속성 세트가 있습니다.

Microsoft Power Apps 의 멋진 점은 이러한 속성을 실제로 두 가지 방법으로 편집할 수 있다는 것입니다. 정적으로 설정하거나 동적으로 설정할 수 있습니다.

Table1 요소로 돌아가서 Text 속성으로 이동하면 직접 편집하여 Hello World와 같은 것으로 변경할 수 있습니다. 이렇게 하면 앱의 실제 라벨에 표시되는 내용이 자동으로 변경됩니다.

내가 방금 한 것은 속성을 정적으로 변경하는 것입니다.

이제 수식 입력줄이 있는 상단을 보면 왼쪽의 드롭다운 메뉴에서 다른 속성을 선택할 수도 있음을 알 수 있습니다.

따라서 텍스트 속성을 선택하고 Hello World를 입력하면 동일한 작업이 수행됩니다.

여기에서 동적으로 변경할 수 있습니다. 동적 변경을 만드는 방법에는 여러 가지가 있지만 IF 함수 를 사용하는 간단한 예를 보여 드리겠습니다 .

수식 입력줄에 IF(1=1), "Hello World", "Table 1")을 입력합니다. 이것은 기본적으로 진술이 참이면 레이블에 Hello World를 표시한다는 것을 의미합니다. 그렇지 않은 경우 Table1 을 표시합니다 .

이것은 동적으로 설정되기 때문에 이 조건을 거짓으로 만들 수도 있습니다. 따라서 이것을 변경하고 1=0이라고 쓰면 레이블이 자동으로 Table1로 변경됩니다.

속성을 동적으로 만드는 것은 사용자가 특정 매개 변수를 기반으로 이러한 속성을 변경할 수 있음을 의미합니다. 예를 들어 사용자가 직접 제목을 편집하도록 허용한 다음 해당 변경 사항을 변수에 저장하도록 할 수 있습니다. 그런 다음 이 수식은 해당 변수를 호출하여 이 텍스트의 제목을 설정할 수 있습니다.

다른 것들도 변경할 수 있습니다. 예를 들어 Andy Chapman의 갤러리에서 맨 위 항목을 클릭하면 계속해서 이 항목의 높이 측정 방법을 확인할 수 있습니다.

이 갤러리의 높이가 부모의 높이에서 실제 갤러리의 Y 위치를 뺀 값으로 동적으로 설정되는 것을 볼 수 있습니다. 즉, 이 항목의 크기는 응용 프로그램의 위에서 아래로 높이에서 실제 요소 자체의 Y 좌표를 뺀 것과 같습니다. 따라서 높이가 위에서 아래로 100이고 Y 지점이 10이면 동적으로 높이를 90으로 설정합니다.

속성으로 이동하여 수동으로 크기를 변경할 수 있기 때문에 이 개념이 중요합니다.

그러나 앱마다 크기가 다릅니다. 요소마다 좌표도 다릅니다. 정적 높이를 설정하면 다른 것을 변경하는 순간 전체 앱이 엉망이 됩니다.

Power Apps: 이 혁신적인 도구로 시작하기
Power Apps 계정을 만드는 방법 | LuckyTemplates 자습서
Power Apps 소개: 정의, 기능, 기능 및 중요성

결론

Power Apps 환경에서 모든 것이 어떻게 배치되어 있는지 보면 이 도구가 실제로 얼마나 직관적이고 사용자 친화적인지 알 수 있습니다. 각 요소와 화면이 표시되는 방식부터 모든 요소에 대한 모든 속성을 쉽게 변경할 수 있도록 이러한 Power Apps 환경은 누구나 자신의 앱을 만들고 자신의 프로세스를 훨씬 더 효율적으로 만들 수 있도록 합니다.

물론 Power Apps는 자신의 분야에서 앱이 얼마나 유용한지 이제 막 발견하기 시작한 초보자만을 위한 것은 아닙니다. 고급 사용자가 즐길 수 있는 고급 기능도 많이 있습니다. 다른 튜토리얼에서 다루겠습니다.

모두 제일 좋다,

헨리