ui.SplitPanel

包含两个面板的 widget,这两个面板之间有分隔线。您可以拖动分隔线来调整面板的大小。一个或两个面板可以是 ui.Map 对象。

默认情况下,布局会以 50/50 的分屏比例进行初始化。面板上的 width 和 max/minWidth 样式可控制横向屏幕方向的分屏尺寸。同样,对于垂直方向,请使用 height 和 max/minHeight。这些值可以以像素为单位(例如“{n}px”)或以包含的 SplitPanel 的百分比为单位(例如“{n}%”)给出。

请注意,如果指定了第一个面板的大小,系统会忽略第二个面板的指定大小,因为分屏面板的整体宽度是单独控制的。您可以为两个面板设置最大/最小尺寸。

用法返回
ui.SplitPanel(firstPanel, secondPanel, orientation, wipe, style)ui.SplitPanel
参数类型详细信息
firstPanelui.Panel,可选左侧或顶部面板。默认为 ui.Panel 的新实例。
secondPanelui.Panel,可选底部或右侧面板。默认为 ui.Panel 的新实例。
orientation字符串,可选“horizontal”或“vertical”中的一个。默认为“horizontal”。
wipe布尔值,可选是否启用擦除效果。启用此模式后,两个面板都会占用所有可用空间,拖动分隔线不会设置面板的大小,而是确定每个面板的显示量。此效果类似于“擦除转场”。此模式有助于比较两张地图。默认值为 false。
style对象,可选一个包含允许的 CSS 样式及其要为此面板设置的值的对象。默认为空对象。