캔버스 앱 갤러리에서 높이가 다른 항목 표시
데이터 집합에 있는 다양한 항목이 같은 필드에 다른 양의 데이터를 포함하고 있다면 적은 데이터가 포함된 항목 다음에 빈 공백을 추가하지 않고 더 많은 데이터를 포함하는 항목을 완전히 표시할 수 있습니다. 다음 작업을 수행할 수 있도록 높이 조정 가능 갤러리 컨트롤을 추가하고 구성합니다.
- 콘텐츠에 따라 확장 또는 축소하도록 레이블 컨트롤을 구성합니다.
- 위의 컨트롤 바로 아래에 자동으로 나타나도록 각 컨트롤을배치합니 다.
이 자습서에서는 높이 조정 가능 갤러리 컨트롤의 바닥재 제품에 대한 데이터를 보여줍니다. 각 제품의 이미지는 개요의 5픽셀 아래에 나타나며, 개요는 다섯 줄의 텍스트 또는 두 줄을 포함합니다.
참고 자료
갤러리에 컨트롤을 추가하지 않았다면 이 항목에서 계속하기 전에 항목 목록 표시의 단계를 따르십시오.
빈 앱에 데이터 추가
바닥재 제품의 이름, 개요 및 이미지 링크가 포함된 이 Excel 파일을 다운로드합니다.
OneDrive, Dropbox 또는 Google Drive와 같은 클라우드 스토리지 계정에 Excel 파일을 업로드합니다.
Phone 레이아웃으로 빈 앱을 만듭니다.
Excel 파일의 FlooringEstimates 테이블에 연결을 추가합니다.
자세한 내용은 연결 추가를 참조하십시오.
갤러리에 데이터 추가
Insert 탭에서 Gallery를 클릭하거나 탭한 다음, Flexible height을 클릭하거나 탭합니다.
전체 화면을 차지하도록 갤러리의 크기를 조정합니다.
갤러리의 Items 속성을 FlooringEstimates로 설정합니다.
제품 이름 표시
갤러리의 왼쪽 위 모서리에서 연필 아이콘을 클릭하거나 탭하여 갤러리 템플릿을 선택합니다.
갤러리 템플릿이 선택된 상태에서 레이블 컨트롤을 추가합니다.
레이블 컨트롤의 Text 속성을 다음 식으로 설정합니다.
ThisItem.Name
제품 개요 표시
갤러리 템플릿이 선택된 상태에서 또 다른 레이블 컨트롤을 추가하고 이를 첫 번째 레이블 컨트롤 아래로 이동합니다.
두 번째 레이블 컨트롤의 Text 속성을 다음 식으로 설정합니다.
ThisItem.Overview두 번째 레이블 컨트롤이 선택된 상태에서 Content 탭의 이름 태그 아이콘을 클릭하거나 탭하고 이 컨트롤의 이름을 OverviewText로 변경합니다.
OverviewText 상자의 AutoHeight 속성을 true로 설정합니다.
이 단계를 통해 상자가 콘텐츠에 맞게 늘어나거나 축소됩니다.
제품 이름 표시
높이가 두 배가 되도록 템플릿 크기를 조정합니다.
앱을 빌드할 때 컨트롤을 템플릿에 더 쉽게 추가할 수 있으며, 이 변경 사항은 앱 실행 시 보이는 방식에 영향을 미치지 않습니다.
갤러리 템플릿이 선택된 상태에서 이미지 컨트롤을 추가하고 OverviewText 상자 아래로 이동합니다.
이미지 컨트롤의 이미지 속성이 다음 식으로 설정됩니다.
ThisItem.Image다음 식에 있는 대로 OverviewText 상자의 위치와 크기에 따라 이미지 컨트롤의 Y 속성을 설정합니다.
OverviewText.Y + OverviewText.Height + 5
컨트롤을 더 추가하려는 경우 동일한 개념을 적용합니다. 즉, 위에 있는 컨트롤의 Y 및 Height 속성에 따라 각 컨트롤의 Y 속성을 설정합니다.
다음 단계
갤러리 컨트롤과 수식 사용 방법에 대해 자세히 알아보십시오.
참고
귀사의 설명서 언어 기본 설정에 대해 말씀해 주시겠습니까? 간단한 설문 조사에 응해주세요. (이 설문 조사는 영어로 되어 있습니다.)
이 설문 조사는 약 7분 정도 걸립니다. 개인 데이터는 수집되지 않습니다(개인정보처리방침).
피드백
https://aka.ms/ContentUserFeedback.
Coming soon: Throughout 2024 we will be phasing out GitHub Issues as the feedback mechanism for content and replacing it with a new feedback system. For more information see:다음에 대한 사용자 의견 제출 및 보기