Выбор текстуры
Текстура представляет собой изображение, которое передает визуальные свойства каких-либо поверхностей или объектов, и накладывается поверх установленного фона. Цвет текстуры является комплементарным относительно цвета фона.
Выбор текстуры осуществляется из панели с несколькими вариантами и реализован классом ExtControls/colorPicker:ExtendedPanelTexture.
Спецификация | Документация API
Набор элементов
Для отображения панели выбора текстуры на странице передайте в опцию items набор элементов, по которым она будет построена.
Текстура задается в формате base64.
<ExtControls.colorPicker:ExtendedPanelTexture
items="{{_items}}"/>
this._items = new RecordSet({
rawData: [
{
texture: BASE_TEXTURE.one,
iconTexture: BASE_TEXTURE.iconTexture
},
{
texture: BASE_TEXTURE.two
},
{
texture: BASE_TEXTURE.three
},
{
texture: BASE_TEXTURE.four
}
],
keyProperty: 'texture'
});
Выбранный элемент
В опции selectedTexture можно задать выбранный по умолчанию элемент. Связывание опции контрола и свойства логического родителя выполняют через директиву bind.
<ExtControls.colorPicker:ExtendedPanelTexture
items="{{_items}}"
bind:selectedTexture="_selectedTexture"/>