<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>
 
tags/splitter.txt · Последние изменения: 29/10/2020 16:32 (внешнее изменение)
 
Recent changes RSS feed Valid XHTML 1.0 Valid CSS