Annuncio: tutti i progetti non commerciali registrati per l'utilizzo di Earth Engine prima del
15 aprile 2025 devono
verificare l'idoneità non commerciale per mantenere l'accesso a Earth Engine.
ui.SplitPanel
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Un widget contenente due riquadri con un divisore tra loro. Il divisore può essere trascinato, consentendo di ridimensionare i riquadri. Uno o entrambi i pannelli possono essere oggetti ui.Map.
Per impostazione predefinita, il layout viene inizializzato con una suddivisione 50/50. Gli stili larghezza e larghezza massima/minima sui pannelli controllano il dimensionamento della suddivisione per gli orientamenti orizzontali. Analogamente, utilizza height e max/minHeight per la verticale. Questi valori possono essere espressi in pixel come "{n}px" o come percentuale del SplitPanel contenitore come "{n}%".
Tieni presente che la dimensione specificata per il secondo riquadro verrà ignorata se viene specificata la dimensione del primo riquadro, poiché la larghezza complessiva del riquadro diviso è controllata in modo indipendente. È possibile impostare le dimensioni massime/minime per entrambi i riquadri.
| Utilizzo | Resi |
|---|
ui.SplitPanel(firstPanel, secondPanel, orientation, wipe, style) | ui.SplitPanel |
| Argomento | Tipo | Dettagli |
|---|
firstPanel | ui.Panel, facoltativo | Il riquadro a sinistra o in alto. Il valore predefinito è una nuova istanza di ui.Panel. |
secondPanel | ui.Panel, facoltativo | Il pannello in basso o a destra. Il valore predefinito è una nuova istanza di ui.Panel. |
orientation | Stringa, facoltativa | Indicato con "orizzontale" o "verticale". Il valore predefinito è "horizontal". |
wipe | Booleano, facoltativo | Se abilitare l'effetto di pulizia. Quando questa modalità è attivata, entrambi i riquadri occupano tutto lo spazio disponibile e il trascinamento del divisore non imposta le dimensioni dei riquadri, ma determina la quantità di ciascun riquadro visualizzata. Questo effetto è analogo a una "transizione di cancellazione". Questa modalità è utile per confrontare due mappe. Il valore predefinito è false. |
style | Oggetto, facoltativo | Un oggetto di stili CSS consentiti con i relativi valori da impostare per questo riquadro. Il valore predefinito è un oggetto vuoto. |
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2025-07-26 UTC.
[null,null,["Ultimo aggiornamento 2025-07-26 UTC."],[[["\u003cp\u003eThe \u003ccode\u003eui.SplitPanel\u003c/code\u003e widget divides a UI element into two resizable panels, horizontally or vertically.\u003c/p\u003e\n"],["\u003cp\u003ePanel sizes can be customized using width/height and min/max dimensions, expressed in pixels or percentages.\u003c/p\u003e\n"],["\u003cp\u003eThe \u003ccode\u003ewipe\u003c/code\u003e option allows for a transition-like effect, ideal for comparing two map panels by overlaying them.\u003c/p\u003e\n"],["\u003cp\u003eThe split panel's default layout divides the space equally between the two panels.\u003c/p\u003e\n"],["\u003cp\u003eUsers can specify custom CSS styles to further customize the appearance of the \u003ccode\u003eui.SplitPanel\u003c/code\u003e.\u003c/p\u003e\n"]]],[],null,["# ui.SplitPanel\n\n\u003cbr /\u003e\n\nA widget containing two panels with a divider between them. The divider can be dragged, allowing the panels to be resized. One or both panels may be ui.Map objects.\n\n\u003cbr /\u003e\n\nBy default the layout initializes with a 50/50 split. The width and max/minWidth styles on the panels control the split sizing for horizontal orientations. Similarly, use height and max/minHeight for vertical. These can be given in pixels as '{n}px' or as a percentage of the containing SplitPanel as '{n}%'.\n\nNote that the given size for the second panel will be ignored if the first panel size is specified, since the overall width of the split panel is controlled independently. Max/min sizes may be set for both panels.\n\n| Usage | Returns |\n|--------------------------------------------------------------------------------------------|---------------|\n| `ui.SplitPanel(`*firstPanel* `, `*secondPanel* `, `*orientation* `, `*wipe* `, `*style*`)` | ui.SplitPanel |\n\n| Argument | Type | Details |\n|---------------|--------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| `firstPanel` | ui.Panel, optional | The left or top panel. Defaults to a new instance of ui.Panel. |\n| `secondPanel` | ui.Panel, optional | The bottom or right panel. Defaults to a new instance of ui.Panel. |\n| `orientation` | String, optional | One of \"horizontal\" or \"vertical\". Defaults to \"horizontal\". |\n| `wipe` | Boolean, optional | Whether to enable the wiping effect. When this mode is enabled, both panels take up all available space, and dragging the divider doesn't set the size of the panels but rather determines how much of each panel is shown. This effect is analogous to a \"wipe transition\". This mode is useful for comparing two maps. Defaults to false. |\n| `style` | Object, optional | An object of allowed CSS styles with their values to be set for this panel. Defaults to an empty object. |"]]
