공지사항:
2025년 4월 15일 전에 Earth Engine 사용을 위해 등록된 모든 비상업용 프로젝트는 Earth Engine 액세스를 유지하기 위해
비상업용 자격 요건을 인증해야 합니다.
ui.Slider
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
두 숫자 값 사이에서 선형으로 범위가 지정되는 드래그 가능한 타겟입니다. 슬라이더의 값은 슬라이더 옆에 라벨로 표시됩니다.
사용 | 반환 값 |
---|
ui.Slider(min, max, value, step, onChange, direction, disabled, style) | ui.Slider |
인수 | 유형 | 세부정보 |
---|
min | 숫자, 선택사항 | 최솟값입니다. 기본값은 0입니다. |
max | 숫자, 선택사항 | 최댓값입니다. 기본값은 1입니다. |
value | 숫자, 선택사항 | 초기 값입니다. 기본값은 0입니다. |
step | 숫자, 선택사항 | 슬라이더의 단계 크기입니다. 기본값은 0.01입니다. |
onChange | 함수(선택사항) | 슬라이더의 상태가 변경될 때 실행되는 콜백입니다. 콜백에는 슬라이더의 현재 값과 슬라이더 위젯이 전달됩니다. |
direction | 문자열, 선택사항 | 슬라이더의 방향입니다. 'horizontal' 또는 'vertical' 중 하나입니다. 기본값은 'horizontal'입니다. |
disabled | 불리언, 선택사항 | 슬라이더가 사용 중지되었는지 여부입니다. 기본값은 false입니다. |
style | 객체, 선택사항 | 이 위젯에 설정할 값이 있는 허용된 CSS 스타일의 객체입니다. style() 문서를 참고하세요. |
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2025-07-26(UTC)
[null,null,["최종 업데이트: 2025-07-26(UTC)"],[[["\u003cp\u003eThe \u003ccode\u003eui.Slider\u003c/code\u003e widget enables users to interactively select a numeric value within a defined range, visually represented by a draggable slider.\u003c/p\u003e\n"],["\u003cp\u003eIt offers customization options like minimum/maximum values, step size, initial value, orientation, and an onChange callback to respond to user interactions.\u003c/p\u003e\n"],["\u003cp\u003eDevelopers can further tailor its appearance using custom CSS styles through the \u003ccode\u003estyle\u003c/code\u003e argument.\u003c/p\u003e\n"]]],["The `ui.Slider` component creates a draggable slider between a minimum (`min`) and maximum (`max`) numeric value. It displays the current `value` with a label, adjustable by a defined `step`. The `direction` can be horizontal or vertical. An optional `onChange` function triggers on value changes, passing the current value. The slider can be `disabled`, and `style` properties are customizable. Default values are provided for `min`, `max`, `value`, and `step`.\n"],null,["# ui.Slider\n\n\u003cbr /\u003e\n\nA draggable target that ranges linearly between two numeric values. The value of the slider is displayed as a label alongside it.\n\n\u003cbr /\u003e\n\n| Usage | Returns |\n|-----------------------------------------------------------------------------------------------------------------|-----------|\n| `ui.Slider(`*min* `, `*max* `, `*value* `, `*step* `, `*onChange* `, `*direction* `, `*disabled* `, `*style*`)` | ui.Slider |\n\n| Argument | Type | Details |\n|-------------|--------------------|------------------------------------------------------------------------------------------------------------------------------|\n| `min` | Number, optional | The minimum value. Defaults to 0. |\n| `max` | Number, optional | The maximum value. Defaults to 1. |\n| `value` | Number, optional | The initial value. Defaults to 0. |\n| `step` | Number, optional | The step size for the slider. Defaults to 0.01. |\n| `onChange` | Function, optional | A callback to fire when the slider's state changes. The callback is passed the slider's current value and the slider widget. |\n| `direction` | String, optional | The direction of the slider. One of 'horizontal' or 'vertical'. Defaults to 'horizontal'. |\n| `disabled` | Boolean, optional | Whether the slider is disabled. Defaults to false. |\n| `style` | Object, optional | An object of allowed CSS styles with their values to be set for this widget. See style() documentation. |"]]