Tile

Tile - регулярный компонент, представляющий в табличном виде набор данных из циклически повторяемых записей, содержащих поля txt, ico и com. Tile, как бы то ни казалась странным с первого взгляда, одномерен.

Дело в том, что Tile используется для отображения ряда больших изображений с подписями и комментариями. При этом, в зависимости от ширины компонента и ширины его ячеек, в "столбце" будет отображено столько ячеек, сколько их целиком помещается в ширину Tile. Далее происходит заворот ячеек и начинается их новый "ряд". То есть, при линейной структуре данных, отображается якобы двумерная таблица, но адресация текущей ячейки также линейна.

Направление размещения ячеек направлено слева направо сверху вниз.

В остальном Tile мало отличается от двух предыдущих более простых собратьев.

Свойства Tile

вКласс, свойство	Комментарий
Tile	Включенный класс компонента Tile
currentComment	Значение поля com текущей позиции
currentIcon	Значение поля ico текущей позиции
currentIndex	Индекс (номер) текущей позиции
currentText	Значение поля txt текущей позиции
TileCell	Включенный класс оформления ячейки
cellHeight	Высота ячейки
cellWidth	Ширина ячейки
commFontBold	Жирный шрифт комментария
commFontColor	Цвет шрифта комментария
commFontItalic	Курсивный шрифт комментария
commFontSize	Размер шрифта комментария
commVisible	Видимость комментария
fontFamily	Имя шрифта
horzIndent	Отступ внешней границы ячейки от левой и правой границы компонента
horzPadding	Отступ текстового блока от края горизонтального выравнивания
iconMarginBottom	Отступ нижней границы иконки от нижней границы ячейки
iconVisible	Видимость иконки
textHorzAlign	Горизонтальное выравнивание текста
textFontBold	Жирный шрифт текста
textFontColor	Цвет шрифта текста
textFontItalic	Курсивный шрифт текста
textFontSize	Размер шрифта текста
textIndent	Вертикальный отступ текста и комментария от иконки
textVisible	Видимость текста
vertAlign	Взаимное вертикальное расположение иконки, текста и комментария. См. ниже
vertIndent	Отступ верхней границы ячейки от верхней границы компонента
vertPadding	Отступ текстового блока от края вертикального выравнивания
TileCellColor	Включенный класс цветов ячейки
default	Цвет по умолчанию
hover	Цвет под курсором
active	Цвет при нажатии
TileCellFontColor	Включенный класс цветов шрифта ячейки
commAct	Цвет комментария в ячейке при нажатии
commDef	Цвет комментария в ячейке
commHov	Цвет комментария в ячейке под курсором
textAct	Цвет текста в ячейке при нажатии
textDef	Цвет текста в ячейке
textHov	Цвет текста в ячейке под курсором
TileModel	Включенный класс модели данных
data	JSON-строка данных
length	Количество ячеек, которые могут быть заполнены данными модели

Свойство Tile.vertAlign устанавливает расположение текста и комментария относительно иконки.

Значение	Комментарий
allBottom	Текст и комментарий расположены под иконкой
allTop	Текст и комментарий расположены над иконкой
commTop	Комментарий расположен над иконкой
textTop	Текст расположен над иконкой

Ниже будет рассмотрен пример работы с регулярными компонентами.