Функции преобразования Создать кисть изображения из текстуры и Создать кисть изображения из материала предоставляют возможность вставки текстуры или материала из модели просмотра непосредственно в виджет изображения внутри пользовательского виджета.
В отличие от функций преобразования «Задать параметр материала», для двух этих функций преобразования нет необходимости в материале с параметром текстуры. Эти функции преобразования вставляют текстуры в интерфейс.
Этот пример расширяет возможности виджета «Управление заданиями» из уроков «To Text», передавая свойство значка из модели просмотра трекера в виджет изображения с помощью инструмента Создать кисть изображения из текстуры.
ФункцииСоздать кисть изображения из материала и Создать кисть изображения из мягкой текстуры/материала используют один и тот же рабочий процесс и имеют одинаковые свойства. Однако в этом уроке не описана их настройка. Обратитесь к урокам в разделе Создание пользовательского HUD-интерфейса, где описан порядок настройки этих свойств в виджете.
Настройка виджета
Для создания этого виджета отслеживания используется тот же пользовательский виджет из уроков IntToText/Double.
В этом уроке есть дополнительный виджет изображения, который передаёт значок из устройства «Управление заданиями». Существующие поля Название и CurrentValue упакованы в Стековое поле с горизонтальной ориентацией, поэтому значок отображается слева направо рядом с текстом виджета.
Добавьте следующие виджеты в иерархию в том же порядке, что и в списке ниже:
Наложенный слой
Изображение (вложите виджет изображения в наложение и переименуйте его на Background («Фон»))
Стековое поле (вложите стековое поле под наложение)
2 изображения (вложите под стековое поле и переименуйте виджеты на Icon («Значок») и Spacer («Разделитель»))
Стековое поле (вложите второе стековое поле под первое стековое поле)
Для виджета изображения «Значок» выполните выравнивание по горизонтали и вертикали со значением По центру. Так значок всегда будет по центру.
Дополнительный виджет изображения «Разделитель» используется для создания пространства между значком и текстом под ним.
Настройка функции преобразования
Откройте окно «Просмотр привязок», чтобы привязать значок устройства «Управление заданиями» к виджету изображения «Значок» в интерфейсе.
Выберите виджет изображения «Значок» в Иерархии, а затем нажмите +Добавить виджет в окне «Просмотр привязок».
В левом поле выберите Значок > Кисть > Выбрать. Так значение будет передаваться в поле «Кисть» изображения значка.
Это поле «Кисть» также есть на панели «Сведения» виджета изображения «Значок». Большинство полей на панели «Сведения» доступны через просмотр привязок.
В левом поле выберите Функции преобразования > Создать кисть изображения из текстуры > Выбрать.
Под привязкой отобразится ряд полей. Подробнее о том, для чего используется каждое поле: «Создание кисти изображения на основе свойств текстуры/материала».
Нажмите на значок цепочки рядом с Изображением, выберите MVVM_UEFN_Tracker > Значок > Выбрать.
Установите любой желаемый размер изображения вашего виджета «Управление заданиями».
Привязка просмотра не будет наследовать размеры X и Y из вашего исходного виджета изображения. В этом примере для параметра «Размер изображения» задано значение 72x72 пикселя, чтобы обеспечить разборчивость значка.
Окончательный результат
Перетащите устройство «Управление заданиями» в ваш проект и установите следующие параметры:
На панели Сведения задайте для полей Значок задания следующие значки: Маленький и Большой. В данном примере в качестве маленького и большого значка используются T_UI_IconLibrary_Ham.
Виджет «Изображение значка» заполнится значком ветчины, заданным в устройстве «Управление заданиями».
Создание кисти изображения на основе свойств текстуры/материала
Обе функции преобразования используют одни и те же поля, если не указано иное:
Изображение (только для функции Создать изображение из текстуры)
Переменная текстуры для передачи в кисть виджета изображения.
Материал (только для функции Создать изображение из материала)
Переменная материала для передачи в кисть виджета изображения.
Размер
Размер отрисовываемого изображения или материала.
Оттенок
Оттенок, применяемый для изображения или материала.
Тип клетки (только для функции Создать изображение из текстуры)
Определяет, будет ли изображение моститься горизонтально, вертикально или и в обоих вариантах при передаче в кисть виджета изображения. Если исходный размер значка меньше, чем размер, указанный в функции преобразования, изображение будет замощено.
В этом примере мой значок имеет размер 64x64 пикселя, а размер установлен на 72x72 пикселя, что приводит к его замощению.
