お知らせ:
2025 年 4 月 15 日より前に Earth Engine の使用を登録したすべての非商用プロジェクトは、Earth Engine へのアクセスを維持するために
非商用目的での利用資格を確認する必要があります。
ui.Slider
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
2 つの数値の間で線形に変化するドラッグ可能なターゲット。スライダーの値は、スライダーの横のラベルとして表示されます。
用途 | 戻り値 |
---|
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() のドキュメントをご覧ください。 |
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Developers サイトのポリシーをご覧ください。Java は 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. |"]]