05 FerramGraficas

Apostila de Treinamento
5. Ferramentas Gráficas Adicionais______________________________
Capítulo 5.
Ferramentas Gráficas Adicionais
Copyright © 2002, Intellution, Inc. 1

Fundamentos do iFIX
5.. Ferramentas Gráficas Adicionais_____________________________
Objetivos do Capítulo
Este capítulo introduz os assistentes de animação dos objetos da tela, bem como novos objetos
gráficos como os objetos de data e hora e a inserção de figuras do tipo bitmap na tela. Além
disso, mostra como trabalhar com objetos globais como tabelas e variáveis globais.
O capítulo está organizado da seguinte forma:
 Assistentes de Comandos (Experts)

 Objetos de Data e Hora
 Usando Bitmaps
 Assistente para Entrada de Dados
 Tabelas e Variáveis Globais

5.. Ferramentas Gráficas Adicionais_____________________________
A. Revisão
 Os “Experts” permitem o usuário animar objetos sem o uso da janela de diálogo
de animação
 Os “Experts” usados em capítulos anteriores incluem:
- Preenchimento
- Rotação
- Posição
- Escala
- Visibilidade
- Cor
 A área de trabalho também contém “Experts” adicionais
- O usuário pode adicionar outros “Experts” usando programação em VBA
 isto será discutido em capítulos posteriores

Fundamentos do iFIX
5.1. Assistentes de Tela_______________________________________
A. Open Picture
 Atribui a abertura de uma tela a um objeto
 Quando o objeto é selecionado no modo de execução, uma nova tela é aberta
 Ver Figura 5.-1
B. Replace Picture
 Atribui a mudança de tela a um objeto
 Quando o objeto é selecionado no modo de execução, uma tela é fechada e outra é
aberta em seu lugar
- o objeto não precisa estar contido em nenhuma das telas de troca
 Ver Figura 5.-2
C. Close Picture
 Atribui o fechamento de uma tela a um objeto
 Quando o objeto é selecionado no modo de execução, uma tela é fechada
- o objeto não precisa estar contido na tela que será fechada
 Ver Figura 5.-3
D. Generate Picture
 Especifica a localização da janela e outras informações para criar uma nova tela
na área de trabalho
 Ver Figura 5.-4

5.1.. Assistentes de Tela_______________________________________
Figura 5.-1: “Expert” para Abrir uma Tela

Figura 5.-2: “Expert” para Trocar de Tela
Figura 5.-3: “Expert” para Fechar uma Tela
Figura 5.-4: “Expert” para Gerar uma Tela

Fundamentos do iFIX
5.2. Objetos de Data e Hora____________________________________
A. Objeto Hora
 A partir do menu Insert, selecione Current Time
 As propriedades do objeto podem ser editadas como qualquer outro objeto texto
(Figura 5.-5). Exemplos:
 animar a cor do texto;
 animar sua altura e largura;
 animar sua localização.
B. Objeto Data
 A partir do menu Insert, selecione Current Date
 As propriedades do objeto podem ser editadas como qualquer outro objeto texto
- similar ao objeto hora

5.2.. Objetos de Data e Hora____________________________________
Figura 5.-5: Propriedades do Objeto Hora

Fundamentos do iFIX
5.3. Bitmaps_________________________________________________
A. Adicionando um Bitmap à Tela

 A partir do menu Insert, selecione Bitmap. A janela de diálogo para abrir um
arquivo aparece. Selecione o arquivo de imagem desejado e selecione Open.
 Pode-se trabalhar com vários tipos de arquivos de imagem, como por exemplo:
bmp, msp, jpg, ico, wmf, pcx, etc.
B. Trabalhando com Bitmaps

 O bitmap pode ser tratado como qualquer objeto da área de trabalho
- existem algumas opções extras para um bitmap
 Load Image Primary/Secondary
- uma segunda imagem pode ser configurada para aparecer enquanto o
mouse estiver pressionado
- isto é configurado no “load image: secondary” a partir do menu do botão
direito do mouse do bitmap
- também pode ser configurado usando a janela de diálogo de animação
 ver Figura 5.-6
 Transparent Color
- permite que uma cor do bitmap fique transparente
 isto significa que você pode eliminar o fundo do bitmap
- primeiro, selecione a cor de transparência, configurando “transparency
color” a partir do menu do botão direito do mouse do bitmap
- habilite então a transparência para o objeto (enable transparency)
 estas duas funções também podem ser feitas a partir da janela de
propriedades ou da janela de diálogo de animação
 ver Figura 5.-7

5.3.. Bitmaps_________________________________________________
Figura 5.-6: Aminações do Bitmap
Figura 5.-7: Propriedades de Cor do Bitmap

Fundamentos do iFIX
5.4. Assistente para Entrada de Dados___________________________
A. Introdução:
 Usado para enviar valores de uma figura de volta para uma fonte de dados
 normalmente associado a um link de dados, mas também pode ser usado com
quase todos os objetos da tela
B. Data Entry Expert - Métodos de Entrada de Dados

 Numeric/Alphanumeric Entry
- permite mudar o valor do tag através de digitação no modo de execução
 Slider Entry
- permite mudar o valor do tag através da movimentação de um controlador
deslizante no modo de execução
 Pushbutton Entry
- permite configurar o valor de um tag para 0 ou 1
- usado principalmente para tags digitais
- o usuário terá dois botões no modo de execução, cujos títulos podem ser
configurados:
 um botão que, quando selecionado, envia o valor 0 para o tag
 outro que envia o valor 1
- os títulos podem ter até 12 caracteres de tamanho
 Ramp Entry
- permite estabelecer uma rampa ascendente ou descendente no tag com os
valores em porcentagem no modo de execução
- isto é feito pelo usuário enquanto estiver no modo de execução

5.4.. Assistente para Entrada de Dados___________________________
Figura 5.-8: Ferramenta “Data Entry Expert”

Fundamentos do iFIX
5.5. Objetos Globais__________________________________________
A. Introdução
 A pasta Globals da árvore do sistema do WorkSpace contém alguns objetos
globais que podem ser acessados a partir de qualquer tela do sistema.
 Esta pasta contém duas sub-pastas: User e Plug and Solve
- Plug and Solve: usada para criar objetos globais com outros programas
com característica plug and solve da Intellution.
- User: usada para criar objetos globais definidos pelo usuário que ficarão
disponíveis para todas as telas (este capítulo irá focar o uso desta pasta).
 Para adicionar objetos globais na pasta User, clique com o botão direito do mouse
na árvore do sistema sobre a pasta User.
 Estes objetos globais podem ser acessados a partir de qualquer tela do iFIX.
 Exemplos de objetos globais:
- Procedimentos globais
- Formulários globais (serão vistos no capítulo 18 sobre VBA)
- Variáveis globais
- Tabelas globais (threshold table)
B. Procedimentos Globais
 Pode-se criar sub-rotinas e funções globais que podem ser acessadas a partir de
qualquer projeto (tela) do iFIX.
 Os procedimentos globais serão vistos no capítulo sobre programação VBA.
C. Formulários Globais
 Um formulário global pode ser acessado a partir de qualquer tela do iFIX,
possibilitando que exista apenas uma cópia do formulário no sistema.
- Com isso fica mais fácil atualizar o formulário e minimiza o tamanho dos
arquivos de tela do iFIX.
 Os formulários globais serão vistos no capítulo sobre programação VBA.

5.5.. Objetos Globais__________________________________________
Figura 5.-9: Acesso aos Objetos Globais na Árvore do Sistema

Fundamentos do iFIX
5.6. Variáveis Globais_________________________________________
A. Entendendo o Uso de Variáveis

 A vantagem de se usar variáveis é que seus valores são preservados enquanto a
aplicação estiver sendo executada.
- Normalmente, quando um procedimento é executado, suas variáveis são
iniciadas e qualquer mudança em seus valores é conservada até a
finalização do procedimento.
- Na próxima vez que o procedimento for executado, as variáveis são
iniciadas novamente.
 Variáveis globais são carregadas quando a aplicação é iniciada e permanece
disponível até que a aplicação seja finalizada.
 Recomenda-se utilizar variáveis globais somente quando for absolutamente
necessárias pois a performance do sistema pode ser afetada.
B. Adicionando Variáveis Globais

 Existe duas formas de adicionar uma variável global:
- Clique com o botão direito do mouse sobre a pasta User e selecione
Create Variable.
- Use o botão Variable da Toolbox.
 Observação:
- O botão da Toolbox permite criar uma variável global ou uma variável
local (estas ficam disponíveis somente para a tela atual).

5.6. Variáveis Globais__________________________________________
Figura 5.-10: Criando uma Variável Global
Figura 5.-11: Criando uma Variável Global

Fundamentos do iFIX
C. Usando Variáveis Globais

 O valor de uma variável global pode ser acessada usando a seguinte
sintaxe:
- User.NomeVariavel.CurrentValue
 Outras propriedades da variável podem ser vistas e configuradas na
Property Window ou na janela de diálogo Animations
Figura 5.-12: Propriedades das Variáveis Globais
Figura 5.-13: Propriedades das Variáveis Globais

Figura 5.-14: Variáveis Globais no Expression Builder

Fundamentos do iFIX
5.7. Tabelas Globais__________________________________________
A. Tabelas Globais
 As tabelas globais são chamadas de Threshold Table e também são conhecidas
por Shared Tables ou Lookup Tables
 Permite criar um conjunto de tabelas mais usadas no sistema.
 Podem ser usadas para criar tabelas de:
- limites de cores (Figura XX)
- valores string (texto) ou faixas de valores (Figura XX)
 Exemplos:
- valores digitais vermelho e verde para válvulas
- faixas de temperaturas
- faixa de valores numéricos para serem convertidos em texto
B. Criando uma Tabela Global

 Clique sobre a pasta User com o botão direito do mouse e selecione Create
Threshold Table
 Para nomear a tabela, clique com o botão direito do mouse sobre a nova tabela e
selecione Property Window
- altere a propriedade Name da nova tabela

5.7. Tabelas Globais___________________________________________
Figura 5.-15: Criando uma Tabela Global de Cores (Threshold Table)
Figura 5.-16: Criando uma Tabela Global tipo String (Threshold Table)

Fundamentos do iFIX
5.7.. Tabelas Globais__________________________________________
A. Usando as Tabelas Globais

 O valor de uma tabela global pode ser encontrado usando a seguinte sintaxe:
- User.NomeTabela
- Não é necessário referenciar nenhuma propriedade em especial da tabela.
 Para usar a tabela global, selecione o botão Advanced da janela Animations
quando estiver animando um objeto (veja a Figura XX) e então configure a tabela
na área Shared Lookup Object da janela que aparece (veja a Figura XX).
Figura 5.-17: Using a Global Threshold Table

5.7.. Tabelas Globais__________________________________________
Figura 5.-18: Configurando a Tabela Global

Fundamentos do iFIX
5.8. ______________________________________________Exercício 5.
Ferramentas Gráficas Adicionais
Exercício 5.

___________________________________________________Exercício 5.
Objetivos:
Após a realização deste exercício, o aluno estará apto para:
1. Usar os “Experts” para criar a navegação de telas.

2. Adicionar objetos de data e hora na tela.
3. Usar a ferramenta “Data Entry Expert” com link de dados.
4. Adicionar um bitmap na tela.
5. Usar uma tabela threshold.
Informações sobre o exercício:
Neste exercício, iremos continuar a desenvolver aplicação da produção de cerveja criando

uma tela para monitorar o tanque de cozimento de mosto (Brew Kettle). Neste tanque o
mosto vindo da tina de filtração é fervido por mais ou menos uma hora. Nos últimos 15
minutos de cozimento, adiciona-se lúpulo ao mosto fervente.
Nos exercícios anteriores, criamos telas combinando vários tipos de formas e objetos ou
usando dynamos. Neste exercício, iremos usar uma imagem bitmap de um tanque, além de
outros objetos. Quando terminar, a tela deverá se parecer com:
Quando terminar este exercício, vá para a próxima seção e responda as questões de revisão.

Fundamentos do iFIX
___________________________________________________Exercício 5.
A. Crie uma nova tela.

Faça uma nova tela e adicione um dynamo de tanque.
1. A partir do menu File, selecione New –Picture.
Uma nova tela sem nome aparece.
2. A partir do menu Insert, selecione Bitmap.
A janela de diálogo de abertura de arquivo aparece.
3. Selecione o seguinte arquivo e selecione o botão Open.
C:\Dynamics\App\BrewKettle.bmp
O bitmap do tanque de infusão aparece na tela.
4. Usando o botão direito do mouse, selecione o bitmap “Brew Kettle” e selecione
Transparent Color.
A janela de diálogo de configuração da cor transparente aparece.
5. Selecione na caixa a cor Bright Cyan (fica no canto direito superior) e então OK.
6. Usando o botão direito do mouse, selecione o bitmap “Brew Kettle” e selecione
Enable Transparency.
A tela deve-se parecer agora com:

___________________________________________________Exercício 5.
B. Adicione outros objetos gráficos.

Adicione tubulações à tela usando dynamos de tubulação, bem como títulos e objetos
texto.
1. Usando o conjunto de dynamos Pipes, adicione tubulações ao tanque de infusão. Use
a figura abaixo como referência.
2. Adicione um título na tela.
3. Insira um objeto de data na tela.
4. Insira um objeto de hora na tela.
5. Insira objetos de texto na tela.
Quando terminar, a tela deverá se parecer com:

Fundamentos do iFIX
___________________________________________________Exercício 5.
C. Crie uma tela de navegação.

Crie um botão seta para retornar para a tela do clarificador.
1. Certifique-se de que a barra de ferramentas dos “Experts” esteja aberta. Para abri-la,
selecione Toolbars a partir do menu WorkSpace, e selecione então a barra de
ferramentas Picture Expert.
2. A partir do menu Insert, selecione Polygon.
O cursor muda para o formato de uma cruz.
3. Use a figura ao lado como guia para criar uma seta a partir de
um polígono:
4. Certifique-se de que o objeto selecionado é a seta.
A seta terá guias ao seu redor indicando que está selecionada.
5. A partir da barra de ferramentas Expert, selecione Replace Picture Expert.
A seguinte janela de diálogo aparece:
6. Configure as seguintes opções com os valores da direta:

Replace Current Picture in Run Mode Habilitado
New Picture: LauterTun
7. Quando terminar, selecione OK.
Quando este polígono for selecionado no modo de execução, esta tela será fechada e a
tela do clarificador será aberta.

___________________________________________________Exercício 5.
D. Adicione links de dados.

Adicione links de dados para controlar a temperatura do tanque.
1. Adicione dois links de dados na tela. Use a figura e a tabela abaixo como referência.
Link 1
Link 2
Link Data Source Data Entry

Link 1 BREW_TEMP None
Link 2 BREW_TEMP_SP None

Fundamentos do iFIX
___________________________________________________Exercício 5.
D. Adicione links de dados (continuação).
2. Selecione o link inferior.

Guias aparecem ao redor do link.
3. A partir da barra de ferramentas “Expert”, selecione Data Entry Expert.

Slider Entry: Habilitado
Fetch Limits from the Data Source: Habilitado
5. Quando terminar, selecione OK para retornar à tela.

___________________________________________________Exercício 5.
E. Crie uma tabela global.

Crie uma tabela global com duas cores: vermelho e verde.
1. A partir da árvore do sistema, clique duas vezes na pasta Globals.
A pasta “User”, dos globais de usuário, aparece.
2. Selecione com o botão direito do mouse na pasta User e selecione Create Threshold
Table
3. Mude o tipo de propriedade no campo Source Property Type para Boolean.

4. Selecione o botão Exact Match para buscar o valor exato do tag.
5. Crie dois limites de cores usando as informações abaixo:
Value Color
False BrightRed
True BrigthGreen
6. Quando terminar, selecione OK.
7. A partir da árvore do sistema, selecione a nova tabela de cores com o botão direito e
selecione Property Window.
8. Mude o nome desta tabela para:
RedGreen
9. Quando terminar, feche a janela de propriedades.

Fundamentos do iFIX
___________________________________________________Exercício 5.
F. Adicione uma válvula.

Adicione um dynamo de válvula na tela.
1. Abra o conjunto de dynamos ValveAnim.
2. Arraste o seguinte dynamo à tela:
ValveHorizontalOnOff1
A janela de diálogo do dynamo da válvula aparece.
3. Clique na caixa de seleção Animate Valve Color.

Data Source: LAUTER_SWITCH
Use Shared Threshold Table: Habilitado
5. Selecione o botão “Browse” para selecionar uma tabela compartilhada (Shared
Table).
A janela de diálogo do “Expression Editor” aparece.
6. Selecione a pasta Global e então RedGreen a partir de User.
7. Selecione OK para voltar à janela de diálogo de animação de cor da válvula.
8. Selecione OK para voltar à janela de diálogo do dynamo da válvula.
9. Selecione OK para voltar à tela.

___________________________________________________Exercício 5.
G. Adicione outra válvula e salve.
1. Adicione um outro dynamo de válvula, ValveHorizontalOnOff1, à tela. Use a tabela

RedGreen com a seguinte fonte de dado:
BREW_SWITCH
2. Quando terminar, a tela deverá se parecer com:
3. Salve a tela com o seguinte nome:

BrewKettle
4. Alterne para o modo de execução e explore as características desta tela.
Fim do Exercício

Fundamentos do iFIX
5.9. Questões de Revisão______________________________________
1. Para que serve a imagem secundária de um objeto bitmap?
2. Para que serve o assistente de entrada de dados (Data Entry Expert)?
3. Qual a diferença entre usar a ferramenta Data Entry Expert e a opção In-place em um
datalink?
4. Como as propriedades estáticas de um objeto podem ser alteradas?
5. Para que serve uma tabela global de limites (Threshold Table)?

05 FerramGraficas

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

05 FerramGraficas

Enviado por

Direitos autorais:

Formatos disponíveis

Apostila de Treinamento

5. Ferramentas Gráficas Adicionais______________________________

Ferramentas Gráficas Adicionais

Copyright © 2002, Intellution, Inc. 1

5.. Ferramentas Gráficas Adicionais_____________________________

O capítulo está organizado da seguinte forma:

 Assistentes de Comandos (Experts)

Copyright © 2002, Intellution, Inc. 2

5.. Ferramentas Gráficas Adicionais_____________________________

Copyright © 2002, Intellution, Inc. 3

5.1. Assistentes de Tela_______________________________________

Copyright © 2002, Intellution, Inc. 4

5.1.. Assistentes de Tela_______________________________________

Figura 5.-1: “Expert” para Abrir uma Tela

Figura 5.-3: “Expert” para Fechar uma Tela

Figura 5.-4: “Expert” para Gerar uma Tela

Copyright © 2002, Intellution, Inc. 5

5.2. Objetos de Data e Hora____________________________________

Copyright © 2002, Intellution, Inc. 6

5.2.. Objetos de Data e Hora____________________________________

Figura 5.-5: Propriedades do Objeto Hora

Copyright © 2002, Intellution, Inc. 7

A. Adicionando um Bitmap à Tela

B. Trabalhando com Bitmaps

Copyright © 2002, Intellution, Inc. 8

Figura 5.-6: Aminações do Bitmap

Figura 5.-7: Propriedades de Cor do Bitmap

Copyright © 2002, Intellution, Inc. 9

5.4. Assistente para Entrada de Dados___________________________

B. Data Entry Expert - Métodos de Entrada de Dados

Copyright © 2002, Intellution, Inc. 10

5.4.. Assistente para Entrada de Dados___________________________

Figura 5.-8: Ferramenta “Data Entry Expert”

Copyright © 2002, Intellution, Inc. 11

5.5. Objetos Globais__________________________________________

Copyright © 2002, Intellution, Inc. 12

5.5.. Objetos Globais__________________________________________

Figura 5.-9: Acesso aos Objetos Globais na Árvore do Sistema

Copyright © 2002, Intellution, Inc. 13

5.6. Variáveis Globais_________________________________________

A. Entendendo o Uso de Variáveis

B. Adicionando Variáveis Globais

Copyright © 2002, Intellution, Inc. 14

5.6. Variáveis Globais__________________________________________

Figura 5.-10: Criando uma Variável Global

Figura 5.-11: Criando uma Variável Global

Copyright © 2002, Intellution, Inc. 15

5.6. Variáveis Globais__________________________________________

C. Usando Variáveis Globais

Figura 5.-12: Propriedades das Variáveis Globais

Figura 5.-13: Propriedades das Variáveis Globais

Copyright © 2002, Intellution, Inc. 16

5.6. Variáveis Globais__________________________________________

Figura 5.-14: Variáveis Globais no Expression Builder

Copyright © 2002, Intellution, Inc. 17

5.7. Tabelas Globais__________________________________________

B. Criando uma Tabela Global

Copyright © 2002, Intellution, Inc. 18

5.7. Tabelas Globais___________________________________________

Figura 5.-15: Criando uma Tabela Global de Cores (Threshold Table)

Copyright © 2002, Intellution, Inc. 19

5.7.. Tabelas Globais__________________________________________

A. Usando as Tabelas Globais