Las funciones de conversión Crear un pincel de imagen a partir de una textura y Crear un pincel de imagen a partir de un material te permiten insertar una textura o un material desde un modelo de vista en un widget de imagen de forma directa dentro de tu widget de usuario.
A diferencia de las funciones de conversión Establecer parámetro de material, estas dos funciones de conversión eliminan la necesidad de tener un material con un parámetro de textura. Estas funciones de conversión insertan texturas en la IU.
Este ejemplo expande el widget de rastreador de los tutoriales de A texto al pasar la propiedad del ícono del modelo de vista del rastreador a un widget de imagen mediante Crear un pincel de imagen a partir de una textura.
Crear un pincel de imagen a partir de un material y Crear un pincel de imagen a partir de un material o una textura suave comparten el mismo flujo de trabajo y tienen propiedades idénticas. Sin embargo, este tutorial no abarca cómo configurarlos. Consulta los tutoriales en Cómo crear un HUD personalizado para obtener más información sobre cómo se configuran estas propiedades en el widget.
Cómo configurar los widgets
El mismo widget de usuario de los tutoriales IntToText/Double se utiliza para crear este widget de rastreador.
En este tutorial, se incluye un widget de imagen adicional que pasa el ícono desde el dispositivo rastreador. Los campos Título y CurrentValue existentes se ajustan en una caja apilada con orientación horizontal para que el ícono se muestre de izquierda a derecha junto con el texto del widget.
Añade los siguientes widgets a la jerarquía en el mismo orden que se establece en la lista que aparece a continuación:
Superposición
Imagen (anida el widget de imagen en la superposición y cámbiale el nombre a Fondo).
Caja apilada (anida la caja apilada debajo de la superposición).
2 X Imagen (anida debajo de la caja apilada y cambia el nombre de los widgets a Ícono y Espaciador).
Caja apilada (anida la segunda caja apilada debajo de la primera caja apilada).
Establece la alineación horizontal y vertical del widget de imagen del ícono en Centrada. Esto garantiza que el ícono siempre esté centrado.
Se utiliza un widget de imagen espaciador adicional para crear un espacio entre el ícono y el texto que está debajo.
Configuración de la función de conversión
Abre la ventana Vista de vinculaciones para vincular el ícono del dispositivo rastreador al widget de imagen de ícono en tu IU.
Selecciona el widget de imagen del ícono en la jerarquía; luego, haz clic en + Añadir widget en la ventana Vista de vinculaciones.
En el campo de la izquierda, selecciona Ícono > Pincel > Seleccionar. Esto pasa un valor al campo Pincel de la imagen del ícono.
El campo Pincel también se puede ver en el panel de detalles del widget de imagen del ícono. Se puede acceder a la mayoría de los campos del panel de detalles a través de la vista de vinculaciones.
En el campo de la izquierda, selecciona Funciones de conversión > Crear pincel de imagen a partir de una textura > Seleccionar.
Debajo de la vinculación, aparecerán varios campos. Consulta Crear pincel de imagen a partir de propiedades de textura o material para obtener más información sobre lo que hace cada campo.
Haz clic en el ícono de cadena junto a Imagen, y selecciona MVVM_UEFN_Tracker > Ícono > Seleccionar.
Establece el tamaño de la imagen según el tamaño que quieras que tenga la imagen en el widget de rastreador.
La vista de vinculaciones no heredará los tamaños X e Y del widget de imagen original. En este ejemplo, el tamaño de la imagen se establece en 72 x 72 px para garantizar que el ícono esté legible.
Resultado final
Arrastra un dispositivo rastreador a tu proyecto y configura las siguientes opciones:
En el panel de detalles, establece los íconos en los campos Ícono de misión para los íconos pequeños y grandes. En este ejemplo, se utilizaron los íconos T_UI_IconLibrary_Ham para los íconos pequeños y grandes.
El widget de imagen del ícono se rellena con el ícono de jamón que se estableció en el dispositivo rastreador.
Crea un pincel de imagen a partir de propiedades de textura o material
Ambas funciones de conversión comparten los mismos campos a menos que se especifique lo contrario:
Imagen (solo para Crear una imagen a partir de una textura)
La variable de textura para pasar al pincel del widget de imagen.
Material (solo para Crear una imagen a partir de un material)
La variable de material para pasar al pincel del widget de imagen.
Tamaño
El tamaño de la imagen o del material que se traza.
Matiz de color
El color con el que se teñirá la imagen o el material.
Tipo de cuadro (solo para Crear una imagen a partir de una textura)
Determina si la imagen se muestra en cuadros de forma horizontal, vertical o ambas al pasar al pincel del widget de imagen. Si el tamaño del ícono original es menor que el tamaño especificado en la función de conversión, la imagen se dividirá en cuadros.
En este ejemplo, mi ícono mide 64 x 64 px, mientras que el tamaño está establecido en 72 x 72 px, lo que hace que se coloque en cuadros.
