목록 상자, 드롭다운 목록 또는 라디오 단추 추가Add a list box, a drop-down list, or radio buttons

PowerApps에는 목록 상자, 드롭다운 목록 및 라디오 단추를 포함하는 다중 선택 및 단일 선택 옵션이 포함되어 있습니다.PowerApps includes multi-select and single-select options, including a list box, a drop-down list, and radio buttons. 이 토픽에서는 이러한 컨트롤을 추가하고 테이블 수식을 사용하여 목록을 빌드합니다.In this topic, we add these controls and use a Table formula to build the lists. 목록에서 항목을 선택하면 다른 컨트롤을 업데이트합니다.When an item is selected in the list, it updates other controls.

필수 조건Prerequisites

목록 상자 추가Add a list box

  1. 삽입 탭에서 컨트롤을 선택한 다음 목록 상자를 선택합니다.On the Insert tab, select Controls, and then select List box:

  2. 목록 상자 컨트롤의 이름을 MyListBox로 바꿉니다.Rename the List box control to MyListBox:

  3. 해당 Items 속성을 다음 식으로 설정합니다.Set its Items property to the following expression:
    ["circle","triangle","rectangle"]

    디자이너가 다음과 유사하게 표시됩니다.Your designer looks similar to the following:

  4. 삽입 탭에서 아이콘, 원을 차례로 선택하고, 목록 상자 컨트롤 아래로 이동합니다.On the Insert tab, select Icons, select the circle, and move it under the List box control:

  5. 삼각형 및 사각형을 추가한 다음, 목록 상자 컨트롤 아래에 셰이프를 행으로 정렬합니다.Add a triangle and a rectangle, and then arrange the shapes in a row under the List box control:

  6. 다음 셰이프의 Visible 속성을 다음 함수로 설정합니다.Set the Visible property of the following shapes to the following functions:

    셰이프Shape Visible 함수 설정 대상Set Visible function to
    circle If("circle" in MyListBox.SelectedItems.Value, true)
    삼각형triangle If("triangle" in MyListBox.SelectedItems.Value, true)
    사각형rectangle If("rectangle" in MyListBox.SelectedItems.Value, true)
  7. 만든 항목을 미리 봅니다.Preview what you've created . 목록 상자 컨트롤에서 다른 셰이프를 선택합니다.Select the different shapes in the List box control. 선택한 셰이프만 표시됩니다.Only the shape or shapes that you select appear. Esc 키를 누르거나 X를 선택하여 화면으로 다시 돌아갑니다.Press Esc or select the X to go back to your screen.

이 단계에서는 목록 상자 컨트롤에서 항목 목록을 만드는 데 식을 사용했습니다.In these steps, you used an expression to create a list of items in a List box control. 목록 상자 컨트롤에서 선택한 항목에 따라 다른 셰이프가 표시됩니다.Depending on what you choose in the List box control, different shapes are displayed. 이를 비즈니스 내에서 다른 요소에 적용할 수 있습니다.You can apply this to other elements within your business. 예를 들어, 목록 상자 컨트롤을 사용하여 제품 이미지, 제품 설명 등을 표시할 수 있습니다.For example, you can use a List box control to display product images, product descriptions, and so on.

라디오 단추 추가Add radio buttons

  1. 탭에서 새 화면을 선택합니다.On the Home tab, select New Screen.

  2. 삽입 탭에서 컨트롤을 선택한 다음 라디오를 선택합니다.On the Insert tab, select Controls, and then select Radio.

  3. 라디오 컨트롤의 이름을 Choices로 바꾸고 Items 속성을 다음 수식으로 설정합니다.Rename the Radio control to Choices, and set its Items property to this formula:
    ["red","green","blue"]

    필요한 경우 모든 옵션을 표시하도록 컨트롤의 크기를 조정합니다.If needed, resize the control to show all the options.

  4. 삽입 탭에서 아이콘을 선택한 다음 원을 선택합니다.On the Insert tab, select Icons, and then select the circle.

  5. 원의 Fill 속성을 다음 함수로 설정합니다.Set the Fill property of the circle to the following function:
    If(Choices.Selected.Value = "red", RGBA(192, 0, 0, 1), Choices.Selected.Value = "green", RGBA(0, 176, 80, 1), Choices.Selected.Value = "blue", RGBA(0, 32, 96, 1))

    이 수식에서 원은 선택한 라디오 단추에 따라 색을 변경합니다.In this formula, the circle changes its color depending on which radio button you choose.

  6. 다음 예와 같이 라디오 단추 아래로 원을 이동합니다.Move the circle under the Radio control, as in this example:

  7. 만든 항목을 미리 봅니다.Preview what you've created: . 다른 라디오 단추를 선택하여 원의 색을 변경합니다.Select a different radio button to change the color of the circle. Esc 키를 누르거나 X를 선택하여 화면으로 다시 돌아갑니다.Press Esc or select the X to go back to your screen.

드롭다운 목록 추가Add a drop-down list

  1. 화면을 추가한 다음 드롭다운 컨트롤을 추가합니다.Add a screen, and then add a Drop down control.

  2. 컨트롤의 이름을 DDChoices로 바꾸고 Items 속성을 다음 수식으로 설정합니다.Rename the control to DDChoices, and set its Items property to this formula:
    ["red","green","blue"]["red","green","blue"]

  3. 원을 추가하고 드롭다운 컨트롤 아래로 이동한 다음, 원의 Fill 속성을 다음 수식으로 설정합니다.Add a circle, move it below the Drop down control, and set the circle's Fill property to this formula:
    If(DDChoices.Selected.Value = "red", RGBA(192, 0, 0, 1), DDChoices.Selected.Value = "green", RGBA(0, 176, 80, 1), DDChoices.Selected.Value = "blue", RGBA(0, 32, 96, 1))

  4. 만든 항목을 미리 봅니다.Preview what you've created: . 다른 옵션을 선택하여 원의 색을 변경합니다.Select the different options to change the color of the circle.