Funciones de conversión: cómo mostrar texturas desde un modelo de vista

Las funciones de conversión Crear pincel de imagen a partir de textura y Crear pincel de imagen a partir de material te permiten insertar una textura o un material de un modelo de vista en un widget Imagen directamente 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 tu IU.

Este ejemplo amplía el widget Rastreador de los tutoriales ToText pasándole la propiedad Icon del Modelo de vista del rastreador en un widget de imagen utilizando Crear pincel de imagen a partir de textura.

Crear pincel de imagen a partir de material y Crear pincel de imagen a partir de textura/material suave comparten el mismo proceso de trabajo y también tienen propiedades idénticas. Sin embargo, este tutorial no explica cómo configurarlos. Consulta los tutoriales de Cómo crear un HUD personalizado para ver cómo se configuran estas propiedades en el widget.

Configuración de widgets

El mismo widget de usuario de los tutoriales ToText Int/Double se utiliza para crear este widget Rastreador.

Este tutorial tiene un widget Imagen adicional que pasa el icono del dispositivo Rastreador. Los campos Título y Valor actual existentes se envuelven en una caja apilable con orientación horizontal para que el icono se muestre de izquierda a derecha junto al texto del widget.

1. Añade los siguientes widgets al panel Jerarquía en el mismo orden que se indica en la siguiente lista:

   1. Superposición

   2. Imagen (anida el widget Imagen en la superposición y cámbiale el nombre a Fondo).

   3. Caja apilable (anida la caja apilable bajo la superposición).

   4. 2 imágenes (anídalo bajo la caja apilable y cambia el nombre de los widgets a Icono y Espaciador).

   5. Caja apilable (anida la segunda caja apilable debajo de la primera).

   

2. Establece las opciones de alineación Horizontal y Vertical del widget Imagen del icono en Centrada. Esto garantiza que el icono esté siempre centrado.

   

Se utiliza un widget de imagen Espaciador adicional para crear espacio entre el icono y el texto inferior.

Configuración de funciones de conversión

Abre la ventana Vinculaciones de vistas para vincular el icono del dispositivo Rastreador al widget Imagen de icono de tu interfaz de usuario.

1. Selecciona el widget Imagen de icono en el panel Jerarquía y, a continuación, haz clic en +Añadir widget en la ventana Vinculaciones de vistas.

   

2. En el campo de la izquierda, selecciona Icono > Pincel > Seleccionar. Esto pasa un valor al campo Pincel de la imagen del icono.

   

   Este campo Pincel también puede verse en el panel Detalles del widget Imagen de icono. Se puede acceder a la mayoría de los campos del panel Detalles mediante vinculaciones de vistas.

   

3. En el campo de la izquierda, selecciona Funciones de conversión > Crear pincel de imagen a partir de textura > Seleccionar.

   

Debajo de la vinculación aparecen una serie de campos. Consulta Crear pincel de imagen a partir de propiedades de textura/material para saber más sobre lo que hace cada campo.

1. Haz clic en el icono de cadena situado junto a Imagen, selecciona MVVM_UEFN_Tracker > Icono > Seleccionar.

   

2. Establece Tamaño de la imagen en el tamaño que quieras que tenga la imagen en tu widget Rastreador.

   La vinculación de vista no heredará los tamaños X e Y de tu widget de imagen original. En este ejemplo, Tamaño de la imagen se establece en 72 × 72 píxeles para garantizar que el icono sea legible.

   

Resultado final

Arrastra un dispositivo Rastreador a tu proyecto y configura las siguientes opciones:

1. En el panel Detalles, define iconos en los campos de Icono de misión para los iconos Pequeños y Grandes. En este ejemplo, se han utilizado los iconos T_UI_IconLibrary_Ham para los iconos Pequeños y Grandes.

   

El widget Imagen de icono se rellena con el conjunto de iconos de jamón del dispositivo Rastreador.

Cómo crear un pincel de imagen a partir de propiedades de textura/material

Ambas funciones de conversión comparten los mismos campos a menos que se especifique lo contrario:

• Imagen (solo para Crear imagen a partir de textura)

  • La variable Textura que se pasará al pincel del widget Imagen.

• Material (solo para Crear imagen a partir de material)

  • La variable Material para pasar al pincel del widget Imagen.

• Tamaño

  • El tamaño de la imagen o el material que se dibuja.

• Color de matiz

  • El color con el que matizar la imagen o el material.

• Tipo de tesela (solo para Crear imagen a partir de textura)

  • Determina si la imagen se tesela en horizontal, vertical o ambos al pasar al pincel del widget Imagen. Si el tamaño original del icono es menor que el tamaño especificado en la función de conversión, la imagen se teselará.

  • En este ejemplo, mi icono es de 64 × 64 píxeles, mientras que el tamaño está establecido en 72 × 72 píxeles, lo que provoca el teselado.