Выбор текстуры

Текстура представляет собой изображение, которое передает визуальные свойства каких-либо поверхностей или объектов, и накладывается поверх установленного фона. Цвет текстуры является комплементарным относительно цвета фона.

Выбор текстуры осуществляется из панели с несколькими вариантами и реализован классом 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"/>