You are on page 1of 10

SIMILAR TECNOLOGIA E AUTOMAO

Biblioteca de imagens Criao, importao e manipulao

Na IHM, podemos contar com a utilizao de bibliotecas de imagens afim de


personalizar o padro visual de aplicaes, tanto em questo de cores e objetos, como
em logotipos de empresas ou quaisquer outros. Neste tutorial ser demonstrado os
passos necessrios para criao e manipulao de bibliotecas nas IHMs da LS.

Importante: A LS Brasil desenvolveu e disponibilizou gratuitamente em seu


site (www.lsbrasil.com.br), uma biblioteca em alta definio de telas e objetos bastante
utilizados em aplicaes, tais como, botes, displays, LEDs e Setas de direo.

Criando bibliotecas

Para inserir uma biblioteca de objetos e/ou imagens na IHM, selecione


primeiramente na arvore de opes do projeto, localizada ao lado esquerdo da tela, a
opo Graphic Library e em seguida a opo User, conforme ilustra a imagem abaixo.

SIMILAR TECNOLOGIA E AUTOMAO


Rua Alagoas, 2466 CEP: 80630-050 Curitiba Paran -Tel. 41 3074.0300
www.similar.ind.br
Esta a rea onde a biblioteca ser criada. Esto presentes tambm, outras
opes para manipulao de bibliotecas, tais como:

Criar nova biblioteca;

Renomear bibliotecas existentes;

Excluir bibliotecas existentes;

Importar / exportar bibliotecas (formato padro .xpg);

Para criarmos ento uma nova biblioteca, inserimos primeiramente o nome


desejado no campo em branco situado no menu, ao lado dos comandos e em seguida,

selecionamos a opo , conforme imagem a seguir.

Pronto, a biblioteca j estar criada.

SIMILAR TECNOLOGIA E AUTOMAO


Rua Alagoas, 2466 CEP: 80630-050 Curitiba Paran -Tel. 41 3074.0300
www.similar.ind.br
Para inserir imagens na biblioteca, clicamos com o boto direito do mouse sobre
a rea branca situada abaixo do menu, e selecionamos a opo Insert Image (A),
conforme demonstra a imagem abaixo.

Importante: Formatos suportados pela IHM: BMP, JPEG, GIF, WMF, TGA,
PNG, TIF, ICO, e PCX.

Feito isto, basta apenas selecionar a imagem desejada no local onde a mesma
esta salva e posteriormente clicar em Abrir.

SIMILAR TECNOLOGIA E AUTOMAO


Rua Alagoas, 2466 CEP: 80630-050 Curitiba Paran -Tel. 41 3074.0300
www.similar.ind.br
A imagem aparecer na biblioteca e ficar disponvel para utilizao.

SIMILAR TECNOLOGIA E AUTOMAO


Rua Alagoas, 2466 CEP: 80630-050 Curitiba Paran -Tel. 41 3074.0300
www.similar.ind.br
Utilizando a biblioteca da LS Brasil

Para utilizao da biblioteca de imagens de objetos disponibilizada pela LS Brasil


, precisamos acessar a rea de criao de bibliotecas de usurio, como j explicado
anteriormente, porm, desta vez ao invs de criarmos uma nova biblioteca, iremos
apenas importar o arquivo com nome Biblioteca_IHM_LS.xpg para dentro da aplicao
e a biblioteca com todos os itens ser criada automaticamente.

Primeiramente vamos acessar a rea de criao de bibliotecas de usurios,


clicando em Graphic Library e em seguida User.

Agora iremos importar o arquivo disponibilizado pela LS Brasil , com nome de

Biblioteca_IHM_LS.xpg, clicando sobre o cone e posteriormente selecionando o


arquivo no local em que o mesmo est salvo.

SIMILAR TECNOLOGIA E AUTOMAO


Rua Alagoas, 2466 CEP: 80630-050 Curitiba Paran -Tel. 41 3074.0300
www.similar.ind.br
A biblioteca ser criada e todas as imagens ficaro disponveis para serem
utilizadas. Afim de evitar que as imagens fiquem distorcidas, devemos de preferncia
utiliza-las em seu tamanho original, adequando assim o objeto ao mesmo tamanho da
imagem. Isto se aplica mais especificamente para as imagens com formato
arredondado.

Para isso, sempre que utilizada uma imagem, faremos o seguinte procedimento:

- Escolher a imagem a ser utilizada, com base no objeto (LED, Setas, etc.);

- Verificar em seu nome, o tamanho original da imagem;

- Ex.: 056 - LED_VERM_ON_50x50 = Tamanho original: 50x50;

- Inserir o objeto LED na tela e adequar o seu tamanho do seguinte modo:

Com o objeto na tela, clique com o boto direito sobre o objeto e selecione
a opo Position/Scale Change...;

SIMILAR TECNOLOGIA E AUTOMAO


Rua Alagoas, 2466 CEP: 80630-050 Curitiba Paran -Tel. 41 3074.0300
www.similar.ind.br
Uma nova janela ser aberta. Nesta, devemos alterar as propriedades de
Largura e Altura (Widht e Height) respectivamente, com os tamanhos da imagem.

O prximo passo atribuir a imagem desejada, ao objeto inserido na tela. Para


isso faremos os seguintes procedimentos:

SIMILAR TECNOLOGIA E AUTOMAO


Rua Alagoas, 2466 CEP: 80630-050 Curitiba Paran -Tel. 41 3074.0300
www.similar.ind.br
- Duplo clique sobre o objeto na tela e a janela de propriedades se abrir. Nesta,
selecionaremos o item Display, situado ao lado esquerdo da janela.

- Notem que temos as opes de imagem para o LED em On e Off. Com isso,
devemos selecionar as respectivas imagens da biblioteca clicando sobre a opo
Library....

SIMILAR TECNOLOGIA E AUTOMAO


Rua Alagoas, 2466 CEP: 80630-050 Curitiba Paran -Tel. 41 3074.0300
www.similar.ind.br
Uma nova janela ser aberta. Nesta sero mostradas, todas as bibliotecas
disponveis no projeto, para este tutorial temos apenas uma Biblioteca_IHM_LS.
Selecionamos a opo User.

Posteriormente clicamos sobre o item On Image e selecionamos a respectiva


imagem para quando o LED estiver ligado (On), atentando-se ao tamanho j antes
definido.

SIMILAR TECNOLOGIA E AUTOMAO


Rua Alagoas, 2466 CEP: 80630-050 Curitiba Paran -Tel. 41 3074.0300
www.similar.ind.br
Selecionamos agora o item Off Image e realizamos o mesmo procedimento
para quando o LED estiver desligado (Off), atentando-se novamente ao tamanho da
imagem.

Basta finalizar clicando em OK e o objeto estar com a nova imagem.

FIM.

SIMILAR TECNOLOGIA E AUTOMAO


Rua Alagoas, 2466 CEP: 80630-050 Curitiba Paran -Tel. 41 3074.0300
www.similar.ind.br