Nexto XF #83 – Alterando fundo da tela e adicionando objetos basicos

O objetivo deste tutorial é explicar como adicionar a funcionalidade de webserver na CPU do XF325-W

Componentes

Equipamentos: 1 computador/notebook.

                             1 XF325-W

Software:  MasterTool X

Seções do Tutorial

1. ARQUITETURA
2. DESENVOLVIMENTO

1. ARQUITETURA

Será necessário a utilização de um computador/notebook para utilizar o Mastertool X.

Figura 1. Computador executando o Mastertool X

2. DESENVOLVIMENTO

A edição visual das telas no Web Server permite ao usuário personalizar a interface, tornando-a mais intuitiva e adequada à aplicação. Entre as principais ações estão a alteração da cor de fundo e a inserção/configuração de objetos gráficos.

Alterando a cor de fundo da página

Para modificar o fundo da tela:

1. Na árvore de projeto, acesse a Visualization (página criada)
2. Abra a página desejada
3. Clique com o botão direito em uma área vazia da tela
4. Selecione a opção Fundo
5. Habilite o checkbox Usar cor

Após isso:

1. Escolha a cor desejada:
   • Selecionando uma cor pré-definida
   • Ou clicando no botão com três pontos (...) para abrir o seletor completo

Nesse seletor, é possível:

• Escolher cores personalizadas
• Definir tonalidades específicas
• Clique em OK
• Clique em OK novamente para confirmar

Figura 2. Adicionando cor de fundo à tela com cores pré-definidas

Figura 3. Adicionando cor de fundo à tela com cores personalizadas

Inserindo objetos na tela

Para adicionar elementos gráficos:

1. Vá até o Toolbox de Visualização (lado direito)
2. Escolha uma categoria

No exemplo:

• Categoria: Básico
• Selecione um objeto (ex: Retângulo)
• Clique e arraste para a tela

Figura 4. Adicionando objetos básicos na tela

Ajustando o tamanho do objeto

Após inserir o objeto:

• Clique sobre ele
• Utilize as bordas (arestas) para:
  • Aumentar o tamanho
  • Diminuir o tamanho

Basta arrastar com o mouse conforme necessário.

Figura 5. Ajustando as dimensões de objetos básicos na tela

Propriedades do objeto

Quando o objeto está selecionado:

• O Toolbox é substituído pela janela de Propriedades (lado direito)

Nessa área, o usuário pode configurar:

• Cor do objeto
• Texto (quando aplicável)
• Associação com variáveis
• Comportamento
• Aparência geral

Associação com variáveis

Um dos principais recursos é:

• Vincular objetos a variáveis do CLP

Exemplo:

• Um retângulo pode mudar de cor conforme uma variável booleana
• Um texto pode exibir valores de variáveis

Figura 6. Parametrização das propriedades de objetos básicos na tela