Button

Button предназначен для выполнения операций пользователя при нажатии.

Поскольку любой компонент sFF из-за наличия включенного класса Signal в состоянии выполнять операции пользователя при нажатии, то Button отличается тем, что имеет внешний вид, присущий кнопкам, иконку и надпись, меняющие цвет под курсором и при нажатии.

Компоненты Button

Свойства Button

вКласс, свойство

Комментарий

Button

Включенный класс компонента Button

fontBold

Жирный шрифт надписи

fontColor

Цвет шрифта надписи

fontColorAct

Цвет шрифта надписи при нажатии

fontColorHov

Цвет шрифта надписи под курсором

fontItalic

Курсивный шрифт надписи

fontSize

Размер шрифта надписи

indent

Отступ надписи от иконки

position

Взаимное расположение иконки и надписи. См. ниже

text

Текст надписи

ButtonImage

Включенный класс иконки компонента

fillColor

Только для SVG. Цвет заливки иконки

fillColorAct

Только для SVG. Цвет заливки иконки при нажатии

fillColorHov

Только для SVG. Цвет заливки иконки под курсором

fillColorRepaint

Только для SVG. Использовать цвет заливки

height

Высота иконки

src

Источник изображения

strokeColor

Только для SVG. Цвет обводки иконки

strokeColorAct

Только для SVG. Цвет обводки иконки при нажатии

strokeColorHov

Только для SVG. Цвет обводки иконки под курсором

strokeColorRepaint

Только для SVG. Использовать цвет обводки

width

Ширина иконки

Свойство Button.position устанавливает взаимное расположение иконки и текста компонента Button.

Значение

Комментарий

horzCenter

Расположены горизонтально, иконка слева

reversHorzCenter

Расположены горизонтально, иконка справа

vertCenter

Расположены вертикально, иконка сверху

reversVertCenter

Расположены вертикально, иконка снизу

onlyImageCenter

Только иконка

onlyTextCenter

Только текст

В момент нажатии на кнопку происходит смещение координат иконки и текста на два пикселя вниз и два пикселя вправо, что придаёт процессу некоторую динамику, не свойственную иным компонентам. Если программист установит три различных значения для свойств Button.FontColor (Button.FontColorHov, Button.FontColorAct), три состояния текста кнопки (обычное, под курсором и при нажатии) будут отличаться друг от друга разными цветами. При этом (если в качестве иконки установлено изображение SVG), если программист установит свойства ButtonImage.fillColor и ButtonImage.fillStroke в true, а свойствам ButtonImage.fillColor (ButtonImage.fillColorHov, ButtonImage.fillColorAct) и ButtonImage.strokeColor (ButtonImage.strokeColorHov, ButtonImage.strokeColorAct) будут назначены требуемые цветовые значения, то и три состояния иконки будут также отличаться друг от друга разными цветами. Требования к SVG описаны в главе Image.

Last updated