Содержание
<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>
