PowerApps의 캔버스 앱에 스크롤 화면 추가Add a scrolling screen to a canvas app in PowerApps

캔버스 앱에서 사용자가 스크롤하여 다른 항목을 표시할 수 있는 화면을 만듭니다.In a canvas app, create a screen that users can scroll to show different items. 예를 들어, 사용자가 스크롤하여 표시할 수 있는 여러 차트의 데이터를 표시하는 전화 앱을 만듭니다.For example, create a phone app that shows data in several charts, which users can display if they scroll.

이 섹션에서 여러 컨트롤을 추가하는 경우 휴대폰 앱이든 태블릿 앱이든 상관 없이 컨트롤은 해당 섹션 내 관련 있는 위치를 유지합니다.When you add multiple controls in a section, the controls maintain their relative positions within that section, regardless if it's a phone app or a tablet app. 화면 크기와 방향에 따라 섹션이 정렬되는 방식이 결정될 수 있습니다.Note that the screen size and orientation may determine how the sections are arranged.

필수 조건Prerequisites

스크롤 화면 만들기Create a scrolling screen

  1. 탭에서 새 화면을 클릭하거나 탭합니다.On the Home tab, click or tap New screen:

    앱에 화면을 추가하는 옵션

  2. 탭에서 레이아웃을 클릭하거나 탭한 다음, 무한 스크롤 캔버스를 추가하는 옵션을 클릭하거나 탭합니다.On the Home tab, click or tap Layouts, and then click or tap the option to add an infinite scrolling canvas:

    무한 스크롤 캔버스를 추가하는 옵션

    캔버스가 추가됩니다.The canvas is added:

    무한 스크롤 캔버스가 있는 화면, 기본적으로 표시됨

요소 추가Add elements

이제 캔버스에 일부 컨트롤을 추가하여 스크롤 화면이 작동하는 방법을 보겠습니다.Now, let's add some controls to the canvas to see how the scrolling screen works.

  1. 추가한 캔버스에서 삽입 탭에서 항목 추가를 클릭하거나 탭합니다.In the canvas you added, click or tap Add an item from the Insert tab.

    4

  2. 삽입 탭에서 차트를 클릭하거나 탭한 다음 세로 막대형 차트를 클릭하거나 탭합니다.On the Insert tab, click or tap Charts, and then click or tap Column Chart.

    세로 막대형 차트를 추가하는 옵션

    세로 막대형 차트가 화면에서 첫 번째 카드에 표시됩니다.A column chart appears in the first card on the screen:

    기본 세로 막대형 차트

  3. 삽입 탭에서 텍스트를 클릭하거나 탭한 다음 펜 입력을 클릭하거나 탭합니다.On the Insert tab, click or tap Text, and then click or tap Pen input:

    펜 컨트롤을 추가하는 옵션

  4. 차트 아래에 펜 컨트롤을 이동하고 카드의 맨 아래를 덮도록 펜 컨트롤 크기를 조정합니다.Move the pen control below the chart, and resize the pen control to cover the bottom of the card:

    펜 컨트롤 이동 및 크기 조정

섹션 추가Add a section

이제 다른 컨트롤과 함께 다른 카드를 추가해 보겠습니다.Now, let's add another card with another control.

  1. 화면 하단에서 섹션 추가를 클릭하거나 탭합니다.Near the bottom of the screen, click or tap Add section:

    섹션을 추가하는 옵션

    새 카드가 화면에 추가됩니다.A new card is added to the screen:

    기본 섹션 아래에 있는 새 카드

  2. 카드를 선택한 상태에서 삽입 탭으로 이동하고, 차트를 클릭하거나 탭한 다음, 꺾은선형 차트를 클릭하거나 탭합니다.With the card still selected, go to the Insert tab, click or tap Charts, and then click or tap Line chart.

    새 차트가 다른 컨트롤과 함께 화면에 표시하기에 너무 큽니다.The new chart is too big to appear on the screen with the other controls:

    새 카드의 하단에 추가된 꺾은선형 차트

  3. F5 키를 눌러 (또는 오른쪽 위 모서리의 재생 아이콘을 클릭하거나 탭하기) 미리 보기 모드를 엽니다.Open Preview mode by pressing F5 (or by clicking or tapping the play icon near the upper-right corner).

    미리 보기 모드 열기

  4. 아래로 스크롤하여 새로운 꺾은선형 차트를 표시합니다.Scroll down to display the new line chart.

    미리 보기에 표시된 꺾은선형 차트