Компонент ToolBarButton представляет собой кнопку панели инструментов.
Компонент реализован классом ToolBarButton.
В данном примере представлена панель инструментов, на которой расположены различные виды кнопок: переключатели, флажки, кнопка с раскрывающимся меню.
Кнопки добавляются на панель при помощи метода ToolBar.addItem. Принадлежность кнопки к группе флажков и переключателей определяют, соответственно, свойства IsToggle и GroupName. Раскрывающееся меню кнопки задается свойством Menu.
Кнопка может содержать пиктограмму. Установить пиктограмму для кнопки можно двумя способами:
В свойстве ToolBar.ImageList задать набор пиктограмм и при помощи свойств RowIndex и ColumnIndex установить координаты нужной пиктограммы.
С помощью свойства ImageUrl указать путь нужной пиктограмме.
Текст к кнопке устанавливается в свойстве Content.
Основное событие кнопки - событие смены состояния.
Пример размещения компонента ToolBarButton
Пример создания группы переключателей
Пример создания кнопки с раскрывающимся меню
Имя конструктора | Краткое описание | |
ToolBarButton | Конструктор ToolBarButton создает экземпляр компонента ToolBarButton. |
Имя свойства | Краткое описание | |
ColumnIndex | Свойство ColumnIndex устанавливает индекс столбца, в котором размещается пиктограмма. | |
GroupName | Свойство GroupName устанавливает имя для группы переключателей. | |
ImageUrl | Свойство ImageUrl устанавливает путь к изображению кнопки. | |
IsChecked | Свойство IsChecked устанавливает состояние кнопки. | |
IsToggle | Свойство IsToggle определяет, является ли кнопка флажком. | |
Menu | Свойство Menu устанавливает дочернее меню компонента. | |
Parent | Свойство Parent устанавливает родительский элемент компонента - экземпляр класса ToolBar. | |
RowIndex | Свойство RowIndex устанавливает индекс строки, в котором размещается пиктограмма. |
Имя метода | Краткое описание | |
getColumnIndex | Метод getColumnIndex возвращает значение свойства ColumnIndex. | |
getRowIndex | Метод getRowIndex возвращает значение свойства RowIndex. | |
refreshCorners | Метод refreshCorners скругляет все углы кнопки панели инструментов. | |
setIsHovered | Метод setIsHovered устанавливает признак того, что курсор наведен на кнопку. | |
setRoundedCorners | Метод setRoundedCorners устанавливает вариант скругления углов для кнопки. |
Имя события | Краткое описание | |
StateChanged | Событие StateChanged наступает при смене состояния кнопки. |
Имя свойства | Краткое описание | |
ColumnIndex | Свойство ColumnIndex устанавливает индекс столбца с пиктограммой, выбранной из файла с картинками, реализованного классом ImageList. | |
EnableEdit | Свойство EnableEdit определяет возможность редактирования содержимого кнопки. | |
ImageList | Свойство ImageList определяет файл с картинками, откуда будет выбрана пиктограмма для кнопки. | |
ImagePosition | Свойство ImagePosition определяет положение изображения кнопки. | |
ImageUrl | Свойство ImageUrl определяет путь к изображению кнопки. | |
IsPressed | Свойство IsPressed устанавливает признак того, что кнопка находится в нажатом состоянии. | |
IsRetinaAvailable | Свойство IsRetinaAvailable определяет признак возможности работы на устройстве с дисплеем Retina. | |
IsToogleButton | Свойство IsToogleButton определяет, можно ли переключать состояния кнопки (нажать/отжать). | |
Menu | Свойство Menu определяет дочернее меню компонента. | |
MenuArrowPosition | Свойство MenuArrowPosition устанавливает позицию стрелки дочернего меню компонента. | |
MenuDropPosition | Свойство MenuDropPosition устанавливает позицию открытия дочернего меню компонента. | |
RowIndex | Свойство RowIndex устанавливает индекс строки с пиктограммой, выбранной из файла с картинками, реализованного классом ImageList. | |
UseWrapping | Свойство UseWrapping осуществляет перенос текста на 2 строки. |
Примечание. Для свойства UseWrapping по умолчанию установлено значение true.
Имя метода | Краткое описание | |
hasImage | Метод hasImage возвращает признак того, содержит ли кнопка изображение. | |
setIsHovered | Метод setIsHovered устанавливает признак того, что курсор наведен на кнопку. |
Имя свойства | Краткое описание | |
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 устанавливает ширину компонента. |
Примечание. Свойство Height неактуально.
Имя метода | Краткое описание | |
Метод 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 возвращает массив названий методов и свойств для указанного объекта. |
См. также: