PowerApps 차트, 그래프 및 동적 이미지

이 자습서에서는 PowerApps 차트와 이미지가 어떻게 앱을 개선할 수 있는지 살펴보겠습니다.

이미지와 시각화는 작업 중인 앱의 전체 모양에 추가되는 것이 아닙니다. 또한 앱을 더욱 전문적으로 보이게 합니다.

또한 많은 사람들이 데이터를 시각적으로 표시할 때 데이터를 더 잘 이해합니다. 이는 차트, 그래프 및 기타 시각적 형식을 사용할 때 앱이 더 효과적이라는 것을 의미합니다.

목차

• PowerApps에서 동적 이미지 사용
• PowerApps 차트 및 그래프 사용
• PowerApps 차트에서 컬렉션 변수 사용
• 결론

PowerApps에서 동적 이미지 사용

PowerApps에서 동적 이미지를 사용하는 방법부터 살펴보겠습니다. 이 이미지를 갤러리에 적용하겠습니다.

이 예에서는 Flooring Estimates라는 참조 자료를 사용하겠습니다. 데이터 원본으로 사용할 이 테이블에는 이름, 범주, 가격 및 ImageURL에 대한 열이 있습니다.

이제 데이터 원본 탭으로 이동하여 커넥터를 클릭하고 파일이 저장된 OneDrive로 이동합니다.

여기서 올바른 파일을 선택합니다.

그런 다음 올바른 테이블을 가져오고 있는지 확인해야 합니다. 이 경우 해당 Excel 파일에 첨부된 테이블은 하나만 있습니다.

이전에 다른 데이터 원본에서 다른 테이블 이름을 Table1로 연결했기 때문에 방금 사용한 이름이 이제 Table1_2로 표시되는 것을 볼 수 있습니다.

이제 갤러리를 추가하고 세로형 템플릿을 선택해 보겠습니다.

갤러리가 화면에 나타나면 필요한 곳으로 이동하거나 필요에 따라 크기를 조정할 수 있습니다.

이미 이 앱에 Table1_2를 연결했으므로 이제 Data Source에서 옵션으로 볼 수 있습니다.

이제 테이블의 데이터가 갤러리 안에 나타납니다.

사용자가 이 화면에 도달하고 갤러리 내부의 데이터를 볼 수 없는 것은 정상입니다. 이와 같은 경우 데이터 원본을 새로 고치면 됩니다.

데이터 소스를 새로 고치려면 새로 고침 기능을 사용할 버튼이 필요합니다. 보시다시피 이것은 Table1_2를 참조합니다.

이는 새로 고침 기능이 우리가 참조하는 특정 테이블에 적용됨을 의미합니다.

이 갤러리를 보면 현재 부제에는 ImageURL 열이 표시되고 제목에는 범주 열이 표시되고 있음을 알 수 있습니다.

부제를 가격으로, 제목을 이름으로 바꾸자.

이미지의 경우 선택한 이미지를 동적으로 선택하는 옵션이 없음을 알 수 있습니다. 첫 번째 옵션을 사용하면 이미지 파일을 추가할 수 있지만 각 항목에 대해 개별적으로 수행하는 데 시간이 많이 걸립니다.

이 독수리 그림과 같은 기존 파일을 선택하면 전체 갤러리의 모든 이미지 슬롯이 채워집니다. 분명히 여기에 동일한 이미지가 ���시되는 것을 원하지 않습니다.

데이터 소스의 이미지 URL이 나타내는 특정 이미지를 각 항목에 표시하려고 합니다.

이를 동적으로 만들기 위해 갤러리에서 하나의 항목을 선택하고 상단의 속성 드롭다운에서 이미지를 선택합니다. 지금은 이전에 선택한 파일인 "eagle"과 동일합니다.

대신 ThisItem.ImageURL을 사용할 것입니다.

기본적으로 이것은 갤러리의 각 특정 항목을 참조하고 첨부된 이미지 URL을 가져옵니다.

이제 갤러리에는 데이터 원본의 URL에서 가져온 다양한 이미지가 표시됩니다.

이것은 우리가 작업하는 모든 앱에 많은 기능을 추가합니다. 이 경우 고객이 각 항목의 모양을 볼 수 있는 제품 목록이 표시됩니다.

그러나 예를 들어 고객 목록이 있는 앱에서 작업하는 경우 동일한 접근 방식을 사용하고 각 사람의 사진을 갤러리에 표시하여 더 쉽게 알아볼 수 있습니다.

PowerApps 차트 및 그래프 사용

이번에는 앱에 차트를 추가해 보겠습니다. 이것은 우리 앱을 더욱 매력적으로 만드는 데 도움이 되는 데이터의 또 다른 시각적 표현입니다.

의심의 여지 없이 LuckyTemplates 타일을 사용하는 것이 모든 앱에 PowerApps 차트를 추가하는 가장 좋은 방법입니다.

모든 LuckyTemplates 사용자는 플랫폼의 강점 중 하나가 시각화가 용이하다는 점을 알고 있습니다. 따라서 LuckyTemplates에서 차트를 만든 다음 PowerApps에서 타일로 사용하는 것이 더 쉽습니다. 이러한 방식으로 사용자는 LuckyTemplates 내에서 차트 또는 그래프를 사용하는 것처럼 차트 또는 그래프와 상호 작용할 수 있습니다.

물론 내장된 PowerApps 차트도 사용할 수 있습니다. 그러나 이러한 차트는 모두 정적이므로 참여 및 기능에 영향을 미칠 수 있습니다.

그러나 이러한 기본 제공 차트는 작은 데이터 세트를 시각화하는 것이 유일한 목표이거나 보다 동적인 차트 사용에 관심이 없는 경우 여전히 유용할 수 있습니다.

이를 위해서는 데이터 소스가 필요합니다. 이 예에서는 Location 및 Revenue를 표시하는 두 개의 열을 사용하겠습니다.

이를 데이터 소스로 사용하려면 테이블로 변환해야 합니다.

이제 사용할 테이블이 있으므로 이전과 동일한 방식으로 파일을 PowerApps에 첨부하기만 하면 됩니다. 여기에 LocationRevenue라는 파일이 있습니다.

테이블 이름은 Table1이라고도 합니다.

즉, 선택하면 Table1_3으로 표시됩니다.

작업 중인 데이터를 보면 세로 막대형 차트가 사용하기에 가장 적합한 형식임을 알 수 있습니다.

지금은 여전히 ​​기본 샘플 데이터가 표시됩니다.

Items 속성 아래에 표시되어야 하는 특정 데이터 소스가 필요합니다.

이 차트에 Table1_3을 사용하겠습니다.

이제 소스로 사용한 테이블의 데이터가 표시됩니다.

다른 PowerApps 요소와 마찬가지로 차트의 속성을 사용자 지정할 수 있습니다. 예를 들어 사용자가 데이터를 더 쉽게 볼 수 있도록 글꼴 크기를 조금 더 크게 만들 수 있습니다.

PowerApps 차트에서 컬렉션 변수 사용

차트에 데이터를 표시하는 또 다른 방법은 컬렉션 변수를 사용하는 것입니다 . Microsoft PowerApps 설명서를 보면 샘플 수식이 나와 있습니다.

이 수식을 사용하기 전에 먼저 여기에 버튼을 추가해 보겠습니다.

OnSelect 속성 아래에 MS 문서에서 수식을 복사하여 붙여넣습니다. 보시다시피 이 수식은 수집 함수를 사용하고 수익 변수를 참조합니다. 이 변수 다음에는 항목 목록이 옵니다.

이번에는 차트를 강조 표시하고 Items 속성으로 이동하여 수익과 일치시키겠습니다.

이 작업이 완료되면 버튼을 클릭할 때마다 수익 변수와 연결된 항목 목록이 표시됩니다.

Power Apps 소개: 정의, 기능, 기능 및 중요성
Power Apps 환경: 앱 요소를 적절하게 설정
PowerApps 기능 및 수식 | 소개

결론

차트와 이미지는 특히 동적일 때 모든 앱에 확실히 더 많은 가치를 추가합니다. 사용자가 앱을 사용할 때 참여도를 높이는 데 도움이 될 수 있습니다.

그러나 차트나 이미지를 동적으로 만들지 않기로 결정한 경우에도 동일한 가치를 추가한다는 점에 유의하십시오.

데이터의 시각적 표현을 추가할 수 있다는 단순한 사실만으로도 모든 앱이 비약적으로 향상됩니다.

모두 제일 좋다,

헨리