<splitter ... />

<splitter ... />

Разделитель области на две части.

Синтаксис

<splitter splitter-attributes>
   [тэг для области a]
   [тэг для области b]
<splitter/>

Полный вариант синтаксиса:

<splitter splitter-attrs >
    <header>
	// см. полный синтаксис <header>
    </header>
    appxml-tag1	// Объект на левую/верхнюю панель сплиттера.
    appxml-tag2	// Объекта на правую/нижнюю панель сплиттера.
</splitter>

Атрибуты

Основные атрибуты (R/W):

^ Название ^ Тип ^ Описание ^

id	id_name	Уникальный, в рамках приложения, идентификатор объекта. Доступ к объекту с помощью AppScript выполняется через этот идентификатор. Если id не задан, то интерпретатор автоматически заполнит его некоторым случайным в момент запуска приложения. В этом случае appxml-программист лишается возможности обращаться к объекту.
left-id	id_name	Идентификатор левой/верхней области сплиттера.
right-id	id_name	Идентификатор правой/нижней области сплиттера.

Визуальные атрибуты (R/W):

Название	Тип	Описание
divider-width	number	Ширина разделителя.
divider-position	number	Позиция разделителя относительно divider-anchor.
divider-anchor	`top \| left \| bottom \| right`	Сторона сплиттера, относительно которой указывается divider-position.
divider-color	color	Цвет разделителя.
order	`horizontal \| vertical`	Тип разбиения области: по горизонтали (справа/слева) или по вертикали (сверху/снизу). По умолчанию, type=«horizontal»

Прочие атрибуты (R/W):

Название	Тип	Описание
left-*		Визуальные атрибуты левой/верхней области сплиттера. Поддерживаются все атрибуты панели <panel>.
right-*		Визуальные атрибуты правой/нижней области сплиттера. Поддерживаются все атрибуты панели <panel>.

:!: Особенности использования сплиттера: При использовании сплиттера не рекомендуется в явном виде задавать размеры объектам, находящимся в зонах сплиттера. В противном случае, может быть непонятное поведение сплитбара. Рекомендуется ширины (или длины) зон сплиттера задавать через положение сплитбара (splitter.location).

Примеры

<splitter type="horizontal" a-id="sp_1" b-id="sp_2" position="center">
    <panel position="sp_1.center" background-color="pink"/>
    <panel position="sp_2.center">
        <splitter type="vertical" a-id="v_1" b-id="v_2" position="center">
            <panel position="v_1.center" background-color="blue"/>
            <panel position="v_2.center" background-color="yellow"/>
        </splitter>
    </panel>
</splitter>