De forma predeterminada, el diseño se inicializa con una división del 50/50. Los estilos de ancho y max/minWidth en los paneles controlan el tamaño de la división para las orientaciones horizontales. Del mismo modo, usa height y max/minHeight para la orientación vertical. Se pueden indicar en píxeles como "{n}px" o como un porcentaje del SplitPanel contenedor como "{n}%".
Ten en cuenta que se ignorará el tamaño proporcionado para el segundo panel si se especifica el tamaño del primer panel, ya que el ancho general del panel dividido se controla de forma independiente. Se pueden establecer tamaños máximos y mínimos para ambos paneles.
| Uso | Muestra |
|---|---|
ui.SplitPanel(firstPanel, secondPanel, orientation, wipe, style) | ui.SplitPanel |
| Argumento | Tipo | Detalles |
|---|---|---|
firstPanel | ui.Panel, opcional | Panel izquierdo o superior El valor predeterminado es una instancia nueva de ui.Panel. |
secondPanel | ui.Panel, opcional | El panel inferior o derecho El valor predeterminado es una instancia nueva de ui.Panel. |
orientation | Cadena, opcional | Puede ser "horizontal" o "vertical". El valor predeterminado es "horizontal". |
wipe | Booleano, opcional | Indica si se debe habilitar el efecto de borrado. Cuando este modo está habilitado, ambos paneles ocupan todo el espacio disponible, y arrastrar el divisor no establece el tamaño de los paneles, sino que determina qué parte de cada panel se muestra. Este efecto es similar a una “transición de barrido”. Este modo es útil para comparar dos mapas. La configuración predeterminada es "false". |
style | Objeto, opcional | Objeto de los estilos CSS permitidos con sus valores que se establecerán para este panel. El valor predeterminado es un objeto vacío. |