캔버스 앱에서 항목 목록 표시

갤러리 컨트롤을 캔버스 앱에 추가하여 모든 데이터 원본에서 항목 목록을 표시합니다. 이 토픽에서는 데이터 원본으로 Excel을 사용합니다. 텍스트 입력 컨트롤의 필터 조건과 일치하는 항목만 표시하도록 갤러리 컨트롤을 구성하여 목록을 필터링합니다.

필수 구성 요소

  1. 삽입 탭에서 갤러리를 선택한 다음 수직를 선택합니다.

    수직 갤러리 추가.

  2. 오른쪽 창의 속성 탭을 열고 항목 목록을 선택한 다음 바닥재 견적을 선택합니다.

    바닥재 견적.

  3. (선택 사항) 레이아웃 목록에서 다른 옵션을 선택합니다.

  1. 탭에서 새 화면 > 화면 목록을 선택합니다.

    갤러리컨트롤 및 검색 표시줄과 같은 다른 컨트롤을 포함하는 화면이 나타납니다.

  2. 갤러리의 항목 속성을 FlooringEstimates로 설정합니다.

    갤러리 컨트롤은 샘플 데이터를 보여줍니다.

    데이터 표시.

다른 사용자 지정을 수행하기 전에 갤러리 컨트롤의 레이아웃이 원하는 것과 가장 근접하도록 확인해야 합니다. 거기에서 추가로 갤러리 템플릿을 수정하여 갤러리 컨트롤이 데이터를 어떻게 보여주는지 결정할 수 있습니다.

  1. 갤러리 컨트롤의 아래쪽 근처를 클릭하거나 탭하여 템플릿을 선택한 다음 왼쪽 위 모서리에 있는 연필 아이콘을 선택합니다.

    갤러리 템플릿 편집.

  2. 템플릿을 선택한 채로 레이블 컨트롤을 추가한 다음 템플릿의 다른 컨트롤과 겹치지 않도록 이동하고 크기를 조정합니다.

    레이블 추가.

  3. 갤러리를 선택한 후 오른쪽 창의 속성 탭에서 필드 옆에 있는 편집을 선택합니다.

  4. 이 절차의 앞부분에서 추가한 레이블을 선택한 다음 데이터 창에서 강조 표시된 목록을 엽니다.

    드롭다운 목록 열기.

  5. 해당 목록에서 가격을 클릭하거나 탭합니다.

    갤러리 컨트롤은 새 값을 보여 줍니다.

    최종 갤러리.

갤러리 컨트롤의 항목 속성이 표시하는 항목을 결정합니다. 이 절차에서는 필터 기준 및 순서에 따라 표시되는 레코드를 결정하도록 해당 속성을 구성합니다.

검색창 및 정렬 아이콘.

  1. 갤러리 컨트롤의 항목 속성을 이 수식으로 설정합니다.

    Sort
        (If
            (IsBlank(TextSearchBox1.Text),
            FlooringEstimates,
            Filter(
                FlooringEstimates,
                TextSearchBox1.Text in Text(Name)
            )
        ),
        Name,
        If(
            SortDescending1,
            SortOrder.Descending,
            SortOrder.Ascending
        )
    )
    

    이 수식의 함수에 대한 자세한 내용은 수식 참조를 참조하십시오.

  2. 검색창을 두번 클릭한 다음 제품 이름의 일부 또는 전체를 입력합니다.

    필터 기준을 충족하는 항목만 나타납니다.

  3. Alt 키를 누른 상태에서 정렬 아이콘을 한 번 이상 선택하여 정렬 순서를 전환합니다.

    레코드는 제품 이름을 기준으로 오름차순 및 내림차순 알파벳 순서로 전환합니다.

선택한 항목 강조 표시

갤러리 컨트롤의 TemplateFill 속성을 이 예제와 유사한 수식으로 설정하거나 원하는 경우 다른 색상을 지정할 수 있습니다.

If(ThisItem.IsSelected, LightCyan, White)

기본 선택 변경

갤러리 컨트롤의 Default 속성을 기본으로 선택하려는 레코드로 설정합니다. 예를 들어, FlooringEstimates 데이터 원본에서 다섯 번째 항목을 지정할 수 있습니다.

Last(FirstN(FlooringEstimates, 5))

이 예제에서는 FlooringEstimates 데이터 원본의 Hardwood 범주에서 첫 번째 항목을 지정합니다.

First(Filter(FlooringEstimates, Category = "Hardwood"))

다음 단계

양식수식을 사용하는 방법을 알아봅니다.

참고

귀사의 설명서 언어 기본 설정에 대해 말씀해 주시겠습니까? 간단한 설문 조사에 응해주세요. (이 설문 조사는 영어로 되어 있습니다.)

이 설문 조사는 약 7분 정도 걸립니다. 개인 데이터는 수집되지 않습니다(개인정보처리방침).