Funções de conversão: como mostrar texturas de um modelo de visualização

As funções de conversão Criar Pincel de Imagem a partir de Textura e Criar Pincel de Imagem a partir de Material fornecem uma maneira de inserir uma textura ou um material de um modelo de visualização em um widget de imagem diretamente dentro do seu widget de usuário.

Ao contrário das funções de conversão Definir Parâmetro de Material, essas duas funções de conversão removem a necessidade de ter um material com um parâmetro de textura. Essas funções de conversão inserem texturas na IU.

Este exemplo expande o widget de rastreador dos tutoriais de To Text passando a propriedade Ícone do modelo de visualização de rastreador para um widget de imagem usando Criar Pincel de Imagem a partir de Textura.

Configuração de widget

O mesmo widget de usuário dos tutoriais IntToText/Double é usado para criar esse widget de rastreamento.

Este tutorial tem um widget de imagem adicional que passa o ícone do dispositivo Rastreador. Os campos Title e CurrentValue existentes são agrupados em uma Caixa de Empilhamento com a orientação horizontal, para que o ícone seja exibido da esquerda para a direita ao lado do texto do widget.

1. Adicione os seguintes widgets à hierarquia na mesma ordem da lista abaixo:

   1. Sobreposição

   2. Imagem (aninhe o widget Imagem na Overlay e renomeie como Background.)

   3. Caixa de Empilhamento (aninhe a caixa de pilha sob a sobreposição.)

   4. 2 Imagens (aninhe sob a caixa de pilha e renomeie os widgets como Ícone e Espaçador.)

   5. Caixa de Empilhamento (aninhe a segunda caixa de empilhamento sob a primeira.)

   

2. Defina os alinhamentos horizontal e vertical do widget de imagem de ícone como Center. Isso garante que o ícone será sempre atualizado.

   

Um widget de imagem espacial adicional é usado para criar espaço entre o ícone e o texto abaixo.

Configuração de função de conversão

Abra a janela View Bindings para vincular o ícone do dispositivo Rastreador ao widget de imagem de ícone na sua IU.

1. Selecione o widget de imagem de ícone em Hierarquia e clique em +Adicionar widget na janela Vinculações de Visualização.

   

2. No campo esquerdo, selecione Ícone > Pincel > Selecionar. Isso passa um valor para o campo Brush da imagem de ícone.

   

   Esse campo Pincel também pode ser visto no painel Detalhes do widget de imagem de ícone. A maioria dos campos no painel Details é acessível por meio de vinculações de visualização.

   

3. No campo esquerdo, selecione Funções de conversão > Criar Pincel de Imagem a partir de Textura > Selecionar.

   

Vários campos aparecem abaixo da vinculação. Consulte Make Image Brush from Texture/Material Properties para saber mais sobre o que cada campo faz.

1. Clique no ícone da corrente ao lado de Imagem, selecione MVVM_UEFN_Tracker > Ícone > Selecionar.

   

2. Defina Tamanho da Imagem como o tamanho que você deseja que a imagem tenha no widget de rastreador.

   A vinculação de visualização não herdará os tamanhos X e Y do seu widget de imagem original. Neste exemplo, o tamanho da imagem está definido como 72x72 px para garantir que o ícone ficará legível.

   

Resultado final

Arraste um dispositivo de rastreador para o seu projeto e defina as seguintes opções:

1. No painel Detalhes, defina ícones nos campos de ícone de missão para ícones pequenos e grandes. Nesse exemplo, os ícones T_UI_IconLibrary_Ham foram usados para ícones pequenos e grandes.

   

O widget de imagem de ícone é preenchido com o ícone de presunto definido no dispositivo de rastreador.

Crie um pincel de imagem a partir de propriedades de textura/material

Ambas as funções de conversão compartilham os mesmos campos, a menos que seja especificado o contrário:

• Imagem (apenas para Criar Imagem a partir de Textura)

  • A variável Texture a ser passada para o pincel do widget de imagem.

• Material (apenas para Criar Imagem a partir de Material)

  • A variável Material a ser passada para o pincel do widget de imagem.

• Tamanho

  • O tamanho da Imagem ou Material que é desenhado.

• Cor do Tom

  • A cor com a qual tingir a imagem ou o material.

• Tipo de quadrado (apenas para Criar Imagem a partir de textura)

  • Determina se a imagem é ladrilhada horizontalmente, verticalmente ou ambos quando é passada para o pincel do widget de imagem. Se o tamanho do ícone original for menor que o tamanho especificado na função de conversão, a imagem será ladrilhada.

  • Neste exemplo, meu ícone tem 64x64 px, enquanto o tamanho está definido como 72x72 px, fazendo com que ele seja colocado lado a lado.

  

Como criar um HUD personalizado