Anúncio: todos os projetos não comerciais registrados para usar o Earth Engine antes de
15 de abril de 2025 precisam
verificar a qualificação não comercial para manter o acesso ao Earth Engine.
ui.SplitPanel
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Um widget com dois painéis e um divisor entre eles. O divisor pode ser arrastado, permitindo que os painéis sejam redimensionados. Um ou os dois painéis podem ser objetos ui.Map.
Por padrão, o layout é inicializado com uma divisão de 50/50. Os estilos width e max/minWidth nos painéis controlam o dimensionamento da divisão para orientações horizontais. Da mesma forma, use "height" e "max/minHeight" para vertical. Eles podem ser fornecidos em pixels como "{n}px" ou como uma porcentagem do SplitPanel que contém o elemento como "{n}%".
O tamanho especificado para o segundo painel será ignorado se o tamanho do primeiro for especificado, já que a largura geral do painel dividido é controlada de forma independente. É possível definir tamanhos máximos/mínimos para os dois painéis.
| Uso | Retorna |
|---|
ui.SplitPanel(firstPanel, secondPanel, orientation, wipe, style) | ui.SplitPanel |
| Argumento | Tipo | Detalhes |
|---|
firstPanel | ui.Panel, opcional | O painel esquerdo ou superior. O padrão é uma nova instância de ui.Panel. |
secondPanel | ui.Panel, opcional | O painel inferior ou direito. O padrão é uma nova instância de ui.Panel. |
orientation | String, opcional | "horizontal" ou "vertical". O padrão é "horizontal". |
wipe | Booleano, opcional | Se o efeito de limpeza será ativado. Quando esse modo está ativado, os dois painéis ocupam todo o espaço disponível, e arrastar o divisor não define o tamanho dos painéis, mas determina quanto de cada painel é mostrado. Esse efeito é análogo a uma "transição de limpeza". Esse modo é útil para comparar dois mapas. O padrão é "false". |
style | Objeto, opcional | Um objeto de estilos CSS permitidos com os valores a serem definidos para este painel. O padrão é um objeto vazio. |
Exceto em caso de indicação contrária, o conteúdo desta página é licenciado de acordo com a Licença de atribuição 4.0 do Creative Commons, e as amostras de código são licenciadas de acordo com a Licença Apache 2.0. Para mais detalhes, consulte as políticas do site do Google Developers. Java é uma marca registrada da Oracle e/ou afiliadas.
Última atualização 2025-07-26 UTC.
[null,null,["Última atualização 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. |"]]
