1.No Organizer, clique com o botão direito do mouse no item Bibliotecas de Objetos - XControls e selecione a opção Inserir XControl em - <Nova Biblioteca>.

Inserir XControl

2.Nomeie a biblioteca como "BibliotecaTreinamento".

3.Selecione o objeto XControl1 criado automaticamente e altere a propriedade Name para "Tanque".

Alterar a propriedade Name

4.Na aba Design, desenhe os objetos da imagem a seguir, Escala, Retângulo e dois Displays.

Aba Design

5.Para poder receber externamente qualquer valor, é preciso criar Propriedades. Selecione a aba Propriedades, na parte inferior da Tela.

6.Crie uma Propriedade chamada "Temperatura" e outra chamada "Nivel", ambas do tipo Double.

Aba Propriedades

7.Retorne à aba Design. No Display de temperatura, crie uma Associação Simples entre a propriedade Temperatura e a propriedade Value. Para isto, selecione o objeto Display, abra a Janela de Propriedades e selecione a aba Associações. Na propriedade Value, clique em para abrir o AppBrowser.

8.No AppBrowser, selecione à esquerda o XControl Tanque e à direita a Propriedade Temperatura criada anteriormente. Verifique que no campo de ajuda aparece o texto digitado na coluna Texto de ajuda quando a Propriedade foi criada. Clique em Colar.

AppBrowser

10.Para alterar a cor conforme o valor da temperatura, crie uma Associação por Tabela na propriedade ForegroundColor, informando os limites e as cores desejados. Na coluna Fonte, selecione a Propriedade Temperatura criada anteriormente.

Propriedade ForegroundColor

11.No Display de nível, crie uma Associação Analógica entre a Propriedade Nivel e a propriedade Value.

Propriedade Value

12.No objeto Retângulo, crie uma Associação Simples entre as propriedades Nivel e VerticalPercentFill.

13.Para que o novo objeto possa ser utilizado, é preciso registrá-lo. Salve as modificações, clique com o botão direito do mouse em Bibliotecas de Objetos no Organizer e selecione a opção Registrar Bibliotecas Carregadas .

Opção Registrar Bibliotecas Carregadas