Компонент Splitter представляет собой разделитель, предназначенный для регулирования положения панелей друг относительно друга, скрытия панелей и изменения их размеров.
При наведении курсора на разделитель появляется двусторонняя стрелка, с помощью которой можно изменять размеры панелей. Изменение размеров панелей возможно, если для свойства Splitter.EnableResize установлено значение true.
Разделитель может регулировать положение двух панелей, расположенных горизонтально или вертикально.
Компонент реализован классом Splitter.
Компонент Splitter может выглядеть следующим образом:
Есть несколько вариантов расположения панелей, они представлены в перечислении SplitterSchemes.
Пример создания компонента Splitter
Имя конструктора | Краткое описание | |
Splitter | Конструктор Splitter создает экземпляр компонента Splitter. |
Имя свойства | Краткое описание | |
EnableResize | Свойство EnableResize определяет, могут ли изменяться размеры панелей. | |
FixPanel | Свойство FixPanel определяет индекс панели, размер которой не будет меняться при изменении размеров всего компонента. | |
IsVertical | Свойство IsVertical определяет ориентацию компонента с разделителем. | |
MinPanelSize | Свойство MinPanelSize устанавливает минимальный допустимый размер панелей. | |
Orientation | Свойство Orientation определяет вариант размещения панелей, разделенных компонентом Splitter. | |
ResizeHtmlContent | Свойство ResizeHtmlContent определяет, будет ли изменяться размер HTML-элемента, установленного в свойстве Content. | |
SplitterPosition | Свойство SplitterPosition устанавливает позицию, в которой расположен разделитель. |
Имя метода | Краткое описание | |
collapse | Метод collapse сворачивает левую или верхнюю панель компонента Splitter. | |
expand | Метод expand разворачивает свернутую панель компонента Splitter. | |
getCollapsed | Метод getCollapsed возвращает индекс свернутой панели. | |
getResizerSize | Метод getResizerSize возвращает размер области, с помощью которой изменяются размеры панелей. | |
getPanel | Метод getPanel возвращает панель по индексу. |
Имя события | Краткое описание | |
SplitterPositionChanged | Событие SplitterPositionChanged наступает после изменения позиции разделителя. | |
ValueChanged | Событие ValueChanged наступает после изменения значения разделителя. |
Имя свойства | Краткое описание | |
Anchors | Свойство Anchors определяет позицию компонента, размещенного внутри контейнера. | |
Animation | Свойство Animation устанавливает параметры анимации для компонента. | |
Bottom | Свойство Bottom устанавливает отступ снизу при размещении компонента внутри LayoutPanel. | |
Content | Свойство Content устанавливает содержимое компонента. | |
ContextMenu | Свойство ContextMenu устанавливает контекстное меню для компонента. | |
Data | Свойство Data предназначено для хранения любых пользовательских данных. | |
DataContext | Свойство DataContext содержит объект с данными. | |
Enabled | Свойство Enabled устанавливает, является ли компонент доступным для использования. | |
Height | Свойство Height устанавливает высоту компонента. | |
IsResizable | Свойство IsResizable определяет, можно ли изменять размеры компонента. | |
IsRTL | Свойство IsRTL устанавливает направление текста справа налево. | |
IsVisible | Свойство IsVisible определяет, отображается ли компонент. | |
Left | Свойство Left устанавливает отступ слева при размещении компонента внутри GridPanel. | |
Offset | Свойство Offset определяет координаты корневой DOM-вершины элемента управления. | |
Opacity | Свойство Opacity определяет прозрачность компонента. | |
Parent | Свойство Parent определяет родительский компонент элемента управления. | |
ParentNode | Свойство ParentNode устанавливает родительскую DOM-вершину. | |
ResourceKey | Свойство ResourceKey устанавливает ресурсный ключ для компонента. | |
Right | Свойство Right устанавливает отступ справа при размещении компонента внутри LayoutPanel. | |
Rotate | Свойство Rotate устанавливает угол поворота компонента. | |
ShowToolTip | Свойство ShowToolTip определяет, включена ли возможность отображать всплывающую подсказку компонента. | |
Style | Свойство Style устанавливает стиль для компонента. | |
TabIndex | Свойство TabIndex задает последовательность перехода элемента управления внутри контейнера. | |
Tag | Свойство Tag устанавливает JSON-объект, ассоциированный с компонентом. | |
ToolTip | Свойство ToolTip определяет текст всплывающей подсказки компонента. | |
Top | Свойство Top устанавливает отступ сверху при размещении компонента внутри GridPanel. | |
Value | Свойство Value задает значение компоненту. | |
Width | Свойство Width устанавливает ширину компонента. |
Имя метода | Краткое описание | |
Метод addClass добавляет CSS-класс к компоненту. | ||
addEvent | Метод addEvent добавляет обработчик события на DOM-вершину. | |
addEventHandler | Метод addEventHandler добавляет обработчик события на DOM-вершину. | |
addEvents | Метод addEvents добавляет массив обработчиков событий на DOM-вершину. | |
Метод addStateClass добавляет CSS-класс к компоненту и удаляет прежний CSS-класс. | ||
addStyleBySelector | Метод addStyleBySelector создает блок со стилем с указанным css-селектором. | |
Метод addToNode добавляет компонент в указанную вершину. | ||
bindEvents | Метод bindEvents подписывает элемент на все стандартные события. | |
Метод clearStylesCache очищает кэш стилей компонента. | ||
Метод getAnchorFlags возвращает JSON-объект с настройками текущей позиции компонента. | ||
Метод getClass возвращает текущие css-классы компонента. | ||
Метод getCssStyle возвращает стили для указанной вершины. | ||
Метод getDomNode возвращает главную DOM-вершину компонента. | ||
Метод getFocused определяет наличие фокуса у компонента. | ||
getFunctionByName | Метод getFunctionByName возвращает функцию по имени. | |
getIsBinded | Метод getIsBinded возвращает признак подписи элемента на события DOM-вершины. | |
Метод hasClass определяет, задан ли для корневой DOM-вершины элемента управления указанный CSS-класс. | ||
Метод hide скрывает элемент управления. | ||
Метод hideToolTip очищает таймаут появления подсказки и скрывает ее, если она был показана. | ||
Метод isResingNow определяет, изменяются ли в данный момент размеры компонента. | ||
refreshBindingProperty | Метод refreshBindingProperty обновляет привязанное свойство по имени. | |
refreshItemsStyle | Метод refreshItemsStyle обновляет CSS-стили дочерних элементов. | |
refreshStyle | Метод refreshStyle обновляет CSS-стили элемента. | |
Метод removeClass удаляет CSS-класс из компонента. | ||
Метод removeEvent удаляет обработчик события у DOM-вершины. | ||
removeEventHandler | Метод removeEventHandler удаляет обработчик события DOM-вершины. | |
removeFromDOM | Метод removeFromDOM удаляет вершину из DOM-структуры. | |
Метод removeStateClasses удаляет CSS-классы компонента. | ||
Метод setDraggable устанавливает возможность перетаскивания компонента на html-странице. | ||
Метод setFocus устанавливает фокус компонента. | ||
Метод setIsHovered отображает компонент как при наведении на него курсора. | ||
Метод setIsPressed отображает компонент как при клике по нему. | ||
Метод setOpacityIE8 устанавливает значение прозрачности компонента в браузере InternetExplorer 8. | ||
Метод setSize устанавливает размеры компонента. | ||
Метод show отображает элемент управления. | ||
unBindEvents | Метод unBindEvents отписывает элемент от всех стандартных событий. | |
Метод updatePosition корректирует размер и положение при абсолютном позиционировании на основе текущих параметров. | ||
Метод updateSize обновляет размеры компонента подгонке размеров контейнера, в котором находится компонент. |
Имя события | Краткое описание | |
Drag | Событие Drag наступает при нажатии и удерживании клавиши мыши. | |
DragEnd | Событие DragEnd наступает при окончании перетаскивания компонента. | |
DragStart | Событие DragStart наступает, когда начинается перетаскивание компонента. | |
OnContextMenu | Событие OnContextMenu наступает при вызове контекстного меню компонента. | |
SizeChanged | Событие SizeChanged наступает после изменения размеров компонента. | |
SizeChanging | Событие SizeChanging наступает во время изменения размеров компонента. |
Имя свойства | Краткое описание | |
Свойство Id определяет идентификатор объекта репозитория. |
Имя метода | Краткое описание | |
clone | Метод clone создает копию объекта. | |
dispose | Метод dispose уничтожает компонент. | |
getHashCode | Метод getHashCode возвращает хэш-код объекта репозитория. | |
getSettings | Метод getSettings возвращает настройки объекта репозитория. | |
getTypeName | Метод getTypeName возвращает имя типа объекта без пространства имен, к которому он принадлежит. | |
isEqual | Метод isEqual определяет, равен ли заданный объект текущему объекту репозитория. | |
isLive | Метод isLive определяет действительность объекта репозитория. | |
removeAllEvents | Метод removeAllEvents удаляет все обработчики событий объекта по заданному контексту. | |
setSettings | Метод setSettings задает настройки объекта репозитория. | |
defineProps | Метод defineProps создает методы get и set из массива имен для указанного класса. | |
keys | Метод keys возвращает массив названий методов и свойств для указанного объекта. |
См. также: