PowerApps의 슬라이더 컨트롤Slider control in PowerApps

사용자가 핸들을 끌어 값을 지정할 수 있는 컨트롤입니다.A control with which the user can specify a value by dragging a handle.

설명Description

사용자는 사용자가 선택하는 방향에 따라 슬라이더의 핸들을 좌우 또는 상하로 끌어 지정하는 최소 값과 최대 값 사이의 값을 나타낼 수 있습니다.The user can indicate a value, between a minimum and a maximum value that you specify, by dragging the handle of a slider left-right or up-down, depending on the direction that you choose.

주요 속성Key properties

Default – 사용자가 컨트롤을 변경하기 전의 초기 값입니다.Default – The initial value of a control before it is changed by the user.

Max – 사용자가 슬라이더 또는 등급을 설정할 수 있는 최대 값입니다.Max – The maximum value to which the user can set a slider or a rating.

Min – 사용자가 슬라이더를 설정할 수 있는 최소 값입니다.Min – The minimum value to which the user can set a slider.

Value – 입력 컨트롤의 값입니다.Value – The value of an input control.

추가 속성Additional properties

BorderColor - 컨트롤의 테두리 색입니다.BorderColor – The color of a control's border.

BorderStyle - 컨트롤의 테두리는 Solid, Dashed, Dotted, None입니다.BorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.

BorderThickness - 컨트롤의 테두리 굵기입니다.BorderThickness – The thickness of a control's border.

FocusedBorderThickness - 키보드 포커스가 있을 때 컨트롤의 테두리 두께입니다.FocusedBorderThickness – The thickness of the control's border when it has keyboard focus.

DisplayMode – 컨트롤이 사용자 입력을 허용(편집)하거나, 데이터만 표시(보기)하거나 사용 안 하도록(사용 안 함) 설정할지 선택합니다.DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).

DisabledBorderColor – 컨트롤의 DisplayMode 속성이 Disabled로 설정된 경우 컨트롤의 테두리 색입니다.DisabledBorderColor – The color of a control's border if the control's DisplayMode property is set to Disabled.

HandleActiveFill – 사용자가 값 변경 시 슬라이더에 대한 핸들의 색입니다.HandleActiveFill – The color of the handle for a slider as the user changes its value.

HandleFill – 토클 또는 슬라이더 컨트롤에서 핸들(위치를 바꾸는 요소)의 색입니다.HandleFill – The color of the handle (the element that changes position) in a toggle or slider control.

HandleHoverFill – 사용자가 해당 컨트롤에 마우스 포인터를 올려두는 경우 슬라이더의 핸들 색입니다.HandleHoverFill – The color of the handle in a slider when the user keeps the mouse pointer on it.

Height – 컨트롤의 위쪽 및 아래쪽 가장자리 사이의 간격입니다.Height – The distance between a control's top and bottom edges.

HoverBorderColor – 사용자가 해당 컨트롤에 마우스 포인터를 올려두는 경우 컨트롤의 테두리 색입니다.HoverBorderColor – The color of a control's border when the user keeps the mouse pointer on that control.

Layout – 사용자가 위에서 아래로(Vertical) 또는 왼쪽에서 오른쪽으로(Horizontal) 갤러리를 스크롤하거나 슬라이더를 조정할지 여부입니다.Layout – Whether the user scrolls through a gallery or adjusts a slider top to bottom (Vertical) or left to right (Horizontal).

OnChange – 사용자가 컨트롤의 값을 변경할 때(예: 슬라이더 조절) 앱이 응답하는 방식입니다.OnChange – How the app responds when the user changes the value of a control (for example, by adjusting a slider).

OnSelect – 사용자가 앱을 클릭하거나 탭할 때 앱이 응답하는 방법입니다.OnSelect – How the app responds when the user taps or clicks a control.

PressedBorderColor – 사용자가 컨트롤을 탭하거나 클릭하는 경우 컨트롤의 테두리 색입니다.PressedBorderColor – The color of a control's border when the user taps or clicks that control.

RailFill – 토글 컨트롤의 값이 false일 때 해당 컨트롤의 사각형 배경색이거나 슬라이더 컨트롤에 있는 핸들 오른쪽의 선 색입니다.RailFill – The background color of the rectangle in a toggle control when its value is false or the color of the line to the right of the handle in a slider control.

RailHoverFill – 토글 컨트롤이나 슬라이더에 마우스를 가져가면 값이 false일 때 토글 컨트롤의 직사각형 배경색이거나 슬라이더 컨트롤에서 핸들 오른쪽의 라인 색입니다.RailHoverFill – When you hover on a toggle control or a slider, the background color of the rectangle in a toggle control when its value is false or the color of the line to the right of the handle in a slider control.

ReadOnly – 사용자가 슬라이더 또는 등급 컨트롤의 값을 변경할 수 있는지 여부입니다.ReadOnly – Whether a user can change the value of a slider or rating control.

Reset – 컨트롤이 기본값으로 되돌아가는지 여부입니다.Reset – Whether a control reverts to its default value.

ShowValue – 사용자가 해당 값을 변경하거나 컨트롤을 마우스로 가리킬 때 슬라이더 또는 등급의 값이 나타나는지 여부를 선택합니다.ShowValue – Whether a slider's or rating's value appears as the user changes that value or hovers over the control.

TabIndex – 0 이외의 값으로 설정된 경우 런타임 시 컨트롤의 탭 순서를 사용자 지정합니다.TabIndex – Customizes the tab order of controls at runtime when set to a non-zero value.

Tooltip – 사용자가 마우스로 컨트롤을 가리킬 때 표시되는 설명 텍스트입니다.Tooltip – Explanatory text that appears when the user hovers over a control.

ValueFill – 값이 true일 때 토글 컨트롤의 직사각형 배경색이거나 슬라이더 컨트롤에서 핸들 왼쪽의 라인 색입니다.ValueFill – The background color of the rectangle in a toggle control when its value is true or the color of the line to the left of the handle in a slider control.

ValueHoverFill – 토글 컨트롤 또는 슬라이더 위에 마우스 포인터를 두고 있는 경우, 토글 컨트롤의 값이 true일 때 해당 컨트롤의 사각형 배경색이거나 슬라이더 컨트롤에 있는 핸들 왼쪽의 선 색입니다.ValueHoverFill – When you keep the mouse pointer on a toggle control or a slider, the background color of the rectangle in a toggle control when its value is true or the color of the line to the left of the handle in a slider control.

Visible – 컨트롤을 표시하거나 숨길지 여부를 선택합니다.Visible – Whether a control appears or is hidden.

Width – 컨트롤의 왼쪽 및 오른쪽 가장자리 사이의 간격입니다.Width – The distance between a control's left and right edges.

X – 컨트롤의 왼쪽 가장자리와 해당 부모 컨테이너(부모 컨테이너가 없는 경우 화면)의 왼쪽 가장자리 사이의 거리입니다.X – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).

Y – 컨트롤의 위쪽 가장자리와 해당 부모 컨테이너(부모 컨테이너가 없는 경우 화면)의 위쪽 가장자리 사이의 거리입니다.Y – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).

Sum( Value1, Value2 )Sum( Value1, Value2 )

Example

  1. 단추 하나를 추가하고 이 수식에 OnSelect 속성을 설정합니다.Add a button, and set its OnSelect property to this formula:
    ClearCollect(CityPopulations, {City:"London", Country:"United Kingdom", Population:8615000}, {City:"Berlin", Country:"Germany", Population:3562000}, {City:"Madrid", Country:"Spain", Population:3165000}, {City:"Rome", Country:"Italy", Population:2874000}, {City:"Paris", Country:"France", Population:2273000}, {City:"Hamburg", Country:"Germany", Population:1760000}, {City:"Barcelona", Country:"Spain", Population:1602000}, {City:"Munich", Country:"Germany", Population:1494000}, {City:"Milan", Country:"Italy", Population:1344000})ClearCollect(CityPopulations, {City:"London", Country:"United Kingdom", Population:8615000}, {City:"Berlin", Country:"Germany", Population:3562000}, {City:"Madrid", Country:"Spain", Population:3165000}, {City:"Rome", Country:"Italy", Population:2874000}, {City:"Paris", Country:"France", Population:2273000}, {City:"Hamburg", Country:"Germany", Population:1760000}, {City:"Barcelona", Country:"Spain", Population:1602000}, {City:"Munich", Country:"Germany", Population:1494000}, {City:"Milan", Country:"Italy", Population:1344000})

    컨트롤을 추가, 이름을 지정하고, 구성하는 방법을 모르시나요?Don't know how to add, name, and configure a control?

    ClearCollect 함수 또는 다른 함수에 대해 더 알고 싶으신가요?Want more information about the ClearCollect function or other functions?

  2. F5 키를 누르고 단추를 선택한 다음 Esc 키를 누릅니다.Press F5, select the button, and then press Esc.
  3. 슬라이더를 추가하고 단추 아래로 이동한 다음 슬라이더의 이름을 MinPopulation으로 지정합니다.Add a slider, move it below the button, and name the slider MinPopulation.
  4. 슬라이더의 Max 속성을 5000000, Min 속성을 1000000으로 설정합니다.Set the slider's Max property to 5000000 and its Min property to 1000000.
  5. 텍스트 갤러리를 세로 방향으로 추가하고 슬라이더 아래로 이동한 다음, 갤러리의 Items 속성을 다음 수식으로 설정합니다.Add a text gallery in vertical/portrait orientation, move it below the slider, and set the gallery's Items property to this formula:
    Filter(CityPopulations, Population > MinPopulation)Filter(CityPopulations, Population > MinPopulation)
  6. 갤러리의 첫 항목에서 맨 위 레이블의 Text 속성을 ThisItem.City로 설정하고 맨 아래 레이블의 Text 속성을 다음 수식으로 설정합니다.In the first item of the gallery, set the Text property of the top label to ThisItem.City, and set the Text property of the bottom label to this formula:
    Text(ThisItem.Population, "##,###")Text(ThisItem.Population, "##,###")
  7. F5 키를 누르고 사용자가 지정한 값보다 큰 인구가 있는 도시만 표시하도록 MinPopulation을 조정합니다.Press F5, and then adjust MinPopulation to show only those cities that have a population that's greater than the value that you specify.
  8. 기본 작업 영역으로 돌아가려면 Esc 키를 누릅니다.To return to the default workspace, press Esc.