PowerApps에서 항목 목록 표시Show a list of items in PowerApps

갤러리 컨트롤을 캔버스 앱에 추가하여 모든 데이터 원본에서 항목 목록을 표시합니다.Show a list of items from any data source by adding a Gallery control to your canvas app. 이 토픽에서는 데이터 원본으로 Excel을 사용합니다.This topic uses Excel as the data source. 텍스트 입력 컨트롤의 필터 조건과 일치하는 항목만 표시하도록 갤러리 컨트롤을 구성하여 목록을 필터링합니다.Filter the list by configuring the Gallery control to show only those items that match the filter criterion in a Text input control.

필수 조건Prerequisites

  • PowerApps에서 컨트롤을 추가하고 구성하는 방법을 알아봅니다.Learn how to add and configure a control in PowerApps.

  • 샘플 데이터 설정:Set up the sample data:

    1. 이 자습서에 대한 샘플 데이터를 포함하는 이 Excel 파일을 다운로드합니다.Download this Excel file, which contains sample data for this tutorial.

    2. Excel 파일을 비즈니스용 OneDrive와 같은 클라우드 저장소 계정에 업로드합니다.Upload the Excel file to a cloud-storage account, such as OneDrive for Business.

  • 빈 앱을 엽니다.Open a blank app:

    1. PowerApps에 로그인합니다.Sign in to PowerApps.

    2. 나만의 앱 만들기에서 빈 페이지의 캔버스 앱을 선택합니다.Under Make your own app, select Canvas app from blank.

    3. 앱의 이름을 지정하고, 전화를 선택한 다음, 만들기를 선택합니다.Specify a name for your app, select Phone, and then select Create.

    4. PowerApps Studio 시작 대화 상자에서 건너뛰기를 선택합니다.If the Welcome to PowerApps Studio dialog box appears, select Skip.

    5. Excel 파일의 FlooringEstimates 테이블에 연결을 추가합니다.Add a connection to the FlooringEstimates table in the Excel file.

  1. 삽입 탭에서 갤러리를 선택한 후 세로를 선택합니다.On the Insert tab, select Gallery, and then select Vertical.

    세로 갤러리 추가

  2. 오른쪽 창의 속성 탭을 열고 항목 목록을 열고 Flooring Estimates를 선택합니다.On the Properties tab of the right-hand pane, open the Items list, and then select Flooring Estimates.

    바닥 예상치

  3. (선택 사항) 레이아웃 목록에서 다른 옵션을 선택합니다.(optional) In the Layout list, select a different option.

  1. Home 탭에서 새 화면 > 화면 목록을 선택합니다.On the Home tab, select New screen > List screen.

    갤러리 컨트롤 및 검색 표시줄과 같은 다른 컨트롤을 포함하는 화면이 표시됩니다.A screen that contains a Gallery control and other controls, such as a search bar, appears.

  2. 갤러리의 Items 속성을 FlooringEstimates로 설정합니다.Set the gallery's Items property to FlooringEstimates.

    갤러리 컨트롤은 샘플 데이터를 보여 줍니다.The Gallery control shows the sample data.

    데이터 표시

다른 사용자 지정을 수행하기 전에, 갤러리 컨트롤의 레이아웃이 원하는 것과 최대한 일치하도록 합니다.Before you do any other customization, ensure that the layout for your Gallery control most closely matches what you want. 여기에서,갤러리 컨트롤에서 데이터를 표시하는 방법을 결정하여 갤러리 템플릿을 계속 수정할 수 있습니다.From there, you can further modify the Gallery template, which determines how all data in the Gallery control appears.

  1. 갤러리 컨트롤의 아래쪽 근처를 클릭하거나 누른 다음 왼쪽 위 모서리에서 연필 아이콘을 선택하여 템플릿을 선택합니다.Select the template by clicking or tapping near the bottom of the Gallery control and then selecting the pencil icon in its upper-left corner.

    갤러리 템플릿 편집

  2. 템플릿을 여전히 선택한 채로 레이블 컨트롤을 추가한 다음, 템플릿의 다른 컨트롤과 겹치지 않도록 이동하고 크기를 조정합니다.With the template still selected, add a Label control, and then move and resize it so that it doesn't overlap with other controls in the template.

    레이블 추가

  3. 갤러리를 선택하고 오른쪽 창의 속성 탭에서 필드 옆의 편집을 선택합니다.Select the gallery, and then select Edit next to Fields on the Properties tab of the right-hand pane.

  4. 이 절차의 앞부분에서 추가한 레이블을 선택한 다음 데이터 창에서 강조 표시된 목록을 엽니다.Select the label that you added earlier in this procedure, and then open the highlighted list in the Data pane.

    드롭다운 목록 열기

  5. 해당 목록에서 Price를 클릭하거나 탭합니다.In that list, click or tap Price.

    갤러리 컨트롤은 새 값을 보여 줍니다.The Gallery control shows the new values.

    최종 갤러리

갤러리 컨트롤의 Items 속성은 표시하는 항목을 결정합니다.The Items property of a Gallery control determines which items it shows. 이 절차에서는, 또한 필터 조건 및 순서에 따라 나타나는 레코드가 결정되도록 해당 속성을 구성합니다.In this procedure, you configure that property so that it also determines which records appear based on filter criteria and in what order.

검색 상자 및 정렬 아이콘

  1. 갤러리 컨트롤의 Items 속성을 이 수식으로 설정합니다.Set the Items property of the Gallery control to this formula:

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

    이 수식의 함수에 대한 자세한 내용은 수식 참조를 확인하세요.For more information about the functions in this formula, see the formula reference.

  2. 검색 상자를 두 번 클릭 하 고 그 안에 제품 이름의 전체 또는 일부를 입력 합니다.Double-click the search box, and then type part or all of a product name in it.

    필터 조건을 충족 하는 항목만 표시 됩니다.Only those items that meet the filter criterion appear.

  3. 정렬 순서를 전환하려면 Alt 키를 누른 상태에서 정렬 아이콘을 한 번 이상 선택합니다.While pressing the Alt key, select the sort icon one or more times to switch the sort order.

    제품 이름을 기준으로 알파벳 순서의 오름차순과 내림차순으로 레코드를 전환합니다.The records toggle between ascending and descending alphabetical order based on the product name.

선택한 항목 강조 표시Highlight the selected item

갤러리 컨트롤의 TemplateFill 속성을 이 예제와 비슷한 수식으로 설정합니다. 원하면 다른 색을 지정할 수도 있습니다.Set the Gallery control's TemplateFill property to a formula that's similar to this example, but you can specify different colors if you want:

If(ThisItem.IsSelected, LightCyan, White)If(ThisItem.IsSelected, LightCyan, White)

기본 선택 변경Change the default selection

갤러리 컨트롤의 Default 속성을 기본으로 선택하려는 레코드로 설정합니다.Set the Gallery control's Default property to the record that you want to select by default. 예를 들어, FlooringEstimates 데이터 원본의 다섯 번째 항목을 지정할 수 있습니다.For example, you can specify the fifth item in the FlooringEstimates data source:

Last(FirstN(FlooringEstimates, 5))Last(FirstN(FlooringEstimates, 5))

이 예제에서는, FlooringEstimates 데이터 원본의 Hardwood 범주에서 첫 번째 항목을 지정합니다.In this example, you specify the first item in the Hardwood category of the FlooringEstimates data source:

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

다음 단계Next steps

양식수식을 사용하는 방법을 알아봅니다.Learn how to work with forms and formulas.