Объявление : Все некоммерческие проекты, зарегистрированные для использования Earth Engine до
15 апреля 2025 года, должны
подтвердить некоммерческое право на сохранение доступа к Earth Engine.
ui.SplitPanel
Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.
Виджет, содержащий две панели с разделителем между ними. Разделитель можно перетаскивать, что позволяет изменять размер панелей. Одна или обе панели могут быть объектами ui.Map.
По умолчанию макет инициализируется с разделением 50/50. Параметры width и max/minWidth панелей управляют размером разделения для горизонтальной ориентации. Аналогично, используйте height и max/minHeight для вертикальной ориентации. Эти параметры можно задать в пикселях как «{n}px» или в процентах от содержащей их SplitPanel как «{n}%».
Обратите внимание, что заданный размер второй панели будет проигнорирован, если указан размер первой панели, поскольку общая ширина разделённой панели контролируется независимо. Для обеих панелей можно задать максимальный/минимальный размер.
| Использование | Возврат | ui.SplitPanel( firstPanel , secondPanel , orientation , wipe , style ) | ui.SplitPanel |
| Аргумент | Тип | Подробности | firstPanel | ui.Panel, необязательно | Левая или верхняя панель. По умолчанию — новый экземпляр ui.Panel. |
secondPanel | ui.Panel, необязательно | Нижняя или правая панель. По умолчанию — новый экземпляр ui.Panel. |
orientation | Строка, необязательно | Один из вариантов: «горизонтальный» или «вертикальный». По умолчанию — «горизонтальный». |
wipe | Булевое значение, необязательное | Включать ли эффект стирания? При включении этого режима обе панели занимают всё доступное пространство, а перетаскивание разделителя не задаёт размер панелей, а определяет, какая часть каждой из них будет отображаться. Этот эффект аналогичен эффекту «стирания». Этот режим полезен для сравнения двух карт. Значение по умолчанию — false. |
style | Объект, необязательный | Объект разрешённых стилей CSS и их значений, которые можно задать для этой панели. По умолчанию — пустой объект. |
Если не указано иное, контент на этой странице предоставляется по лицензии Creative Commons "С указанием авторства 4.0", а примеры кода – по лицензии Apache 2.0. Подробнее об этом написано в правилах сайта. Java – это зарегистрированный товарный знак корпорации Oracle и ее аффилированных лиц.
Последнее обновление: 2025-07-24 UTC.
[null,null,["Последнее обновление: 2025-07-24 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. |"]]
